Building the Recordset for an HTML Database Form

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>