Home arrow HTML arrow Page 3 - Laying Out a Database Form with HTML
HTML

Laying Out a Database Form with HTML


In this tenth part of a thirteen-part series, we shall consider what changes when we use more text (a paragraph or more) and images with tabular forms. It can be difficult to do this with traditional database programming. Here it is easy because we have a recordset whose contents can be seen (the HTML table element with the default display property). All we need for an image in the recordset is a link to the image.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
September 17, 2008
TABLE OF CONTENTS:
  1. · Laying Out a Database Form with HTML
  2. · The Code
  3. · Body Element cont.
  4. · The Recordset

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Laying Out a Database Form with HTML - Body Element cont.
(Page 3 of 4 )

 

</div>

</td>

<td valign="middle" align="center">

<h1>Shopping Cart </h1>

<h1>can </h1>

<h1>come here.</h1>

</td>

</tr>

<tr>

<td colspan="2">

<br />

 

<form action="http://databaseSite.com/programFile.exe" method="post" enctype="multipart/form-data">

 

<table>

<tr>

<td colspan="7" id="TDAE1">

<button type="button" id="AE1"> After Editing or Adding, You must Click here</button>

</td>

</tr>

<tr>

<td>

<button type="button" id="A1"> Add </button>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td>

<button type="button" id="E1"> Edit </button>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td>

<button type="button" id="D1"> Delete </button>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td>

<button type="button" id="C1"> Clear </button>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td>

<button type="button" id="So1"> Sort </button>&nbsp;&nbsp;&nbsp;&nbsp;

</td>

<td>

<button type="button" id="S1"> Save </button>&nbsp;&nbsp;&nbsp;&nbsp;

<button type="submit" id="Sa1" style="display:none"> Save </button>

</td>

<td>

<button type="button" id="Do1"> Done </button>

<button type="submit" id="Don1" style="display:none"> Done </button>

</td>

</tr>

</table>


<!-- Transmitted Table -->

<table id="TransmittedTable">

</table>

 

</form>


</td>

</tr>

</tbody>

</table>


</body>


</html>



blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 7 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials