Home arrow HTML arrow Page 3 - Building the Recordset for an HTML Database Form
HTML

Building the Recordset for an HTML Database Form


Welcome to the eleventh part of a thirteen-part series that shows you how to build database forms with HTML. In the previous part, we began to handle the layout of a tabular form. In this part, we will pick up where we left off, so you can get a better feel for the recordset and begin putting everything together.

Author Info:
By: Chrysanthus Forcha
Rating: 3 stars3 stars3 stars3 stars3 stars / 2
September 24, 2008
TABLE OF CONTENTS:
  1. · Building the Recordset for an HTML Database Form
  2. · The Other Records
  3. · Code
  4. · Maximum Number of Records a Web Page Can Have

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Building the Recordset for an HTML Database Form - Code
(Page 3 of 4 )


These are three more records and the closing tags for the recordset.

<tr id="TR2">

<td>

<table cellspacing="0" cellpadding="0" border="1" class="record">

<tbody>

<tr>

<td colspan="3" width="712" height="20" class="name" id="TD00"><input type="text" value="Dial Goldtone Expansion Bracelet Watch" class="title" readonly id="EI20"></td>

</tr>

<tr>

<td width="250" height="120">

<b>Description</b>

<textarea style="width:245px;height:90px" readonly id="EI21" rows="1" cols="20">A mother-of-pearl dial complemented with a goldtone case and bracelet, this Armitron watch makes a versatile addition to any woman's wardrobe.</textarea>

</td>

<td width="250" height="120">

<b>Features</b>

<textarea style="width:245px;height:90px" readonly id="EI22" rows="1" cols="20">Polished goldtone case and bracelet. Stainless steel case back. Goldtone hands and hour markers. Diamond hour marker at 12 o'clock. Mother-of-pearl dial. Japanese quartz movement. Expansion bracelet.</textarea>

</td>

<td rowspan="2" width="212" height="150">

<input type="file" class="file" readonly id="EI23" value="watch3.jpg" style="background-image: url('watch3.jpg')">

</td>

</tr>

<tr>

<td width="250" height="30">

<b>Price($):<b/> <input type="text" value="39.95" readonly id="EI24">

</td>

<td width="250" height="30">

<button type="button">Add to Cart</button>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr id="TR3">

<td>

<table cellspacing="0" cellpadding="0" border="1" class="record">

<tbody>

<tr>

<td colspan="3" width="712" height="20" class="name" id="TD00"><input type="text" value="Piccard TT Swarovski Crystal Women's Watch" class="title" readonly id="EI30"></td>

</tr>

<tr>

<td width="250" height="120">

<b>Description</b>

<textarea style="width:245px;height:90px" readonly id="EI31" rows="1" cols="20">Elegantly designed with a two-tone case and bracelet, this Dufonte timepiece is set off by brilliant Swarovski crystal accents lining the bezel.</textarea>

</td>

<td width="250" height="120">

<b>Features</b>

<textarea style="width:245px;height:90px" readonly id="EI32" rows="1" cols="20">Two-tone case and bracelet. Swarovski crystal accents on bezel. Goldtone hands and hour markers. White enamel dial. Mineral crystal. Japanese quartz movement. Jewelry clasp.</textarea>

</td>

<td rowspan="2" width="212" height="150">

<input type="file" class="file" readonly id="EI33" value="watch4.jpg" style="background-image: url('watch4.jpg')">

</td>

</tr>

<tr>

<td width="250" height="30">

<b>Price($):<b/> <input type="text" value="59.95" readonly id="EI34">

</td>

<td width="250" height="30">

<button type="button">Add to Cart</button>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr id="TR4">

<td>

<table cellspacing="0" cellpadding="0" border="1" class="record">

<tbody>

<tr>

<td colspan="3" width="712" height="20" class="name" id="TD00"><input type="text" value="Women's Square Crystal Women's Watch" class="title" readonly id="EI40"></td>

</tr>

<tr>

<td width="250" height="120">

<b>Description</b>

<textarea style="width:245px;height:90px" readonly id="EI41" rows="1" cols="20">Sparkling Swarovski crystals form numbers on a shiny base metal frame making this Dufonte watch a bold fashion statement.</textarea>

</td>

<td width="250" height="120">

<b>Features</b>

<textarea style="width:245px;height:90px" readonly id="EI42" rows="1" cols="20">Base metal case. Sea green dial with crystal markers. Stainless steel water resistant back. Mineral crystal. Japanese quartz movement. Sea green leatherette strap. Tang buckle.</textarea>

</td>

<td rowspan="2" width="212" height="150">

<input type="file" class="file" readonly id="EI43" value="watch5.jpg" style="background-image: url('watch5.jpg')">

</td>

</tr>

<tr>

<td width="250" height="30">

<b>Price($):<b/> <input type="text" value="59.95" readonly id="EI44">

</td>

<td width="250" height="30">

<button type="button">Add to Cart</button>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>


For simplicity the buttons have not yet been given any event.


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 2 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials