Building the Recordset for an HTML Database Form

(Page 1 of 4 )

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.

The Second Record

Now, the table arrangement (rows, columns, rowspan and colspan) of the records should be the same. This will give your Tabular Form a consistent look. It will also facilitate the writing of the program associated with it. Here comes the second record with its associated HTML tags. Note the consistency between it and the first.

<tr id="TR1">

<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="Platinum Rhinestone Lined Fashion Wrist Watch" class="title" readonly id="EI10"></td>

</tr>

<tr>

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

<b>Description</b>

<textarea style="width:245px;height:90px" readonly id="EI11" rows="1" cols="20">Glittering rhinestones set on a stylish silverplated case make this cuff watch a dazzling fashion accessory.</textarea>

</td>

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

<b>Features</b>

<textarea style="width:245px;height:90px" readonly id="EI12" rows="1" cols="20">2-mm rhinestone border. Silverplated case. Base metal band with faux leather overlay. Stainless steel caseback. White dial with black numbers and hands. Hinged cuff. Japanese quartz movement. Case dimensions: 32 mm wide x 39.4 mm long x 8 mm thick. Bracelet dimensions: 14 mm wide x 6 inches long.</textarea>

</td>

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

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

</td>

</tr>

<tr>

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

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

</td>

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

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

</td>

</tr>

</tbody>

</table>

</td>

</tr>

Next: The Other Records >>
 

More HTML Articles
More By Chrysanthus Forcha

Comments On: Building the Recordset for an HTML Database Form

· You gotta start indenting your code...i mean come on. That stuff is completely...   >>> Post your comment now!