<table summary="product ordering form
containing product code,name,price and a input field
(quantity wanted)for each product" cellpadding="5">
<caption>Product details and ordering form</caption>
<tr>
<th scope="col">code</th>
<th scope="col">item</th>
<th scope="col">quantity</th>
<th scope="col">price</th></tr>
<tr>
<td>123</td><td>pencil</td>
<td><input type="text" size="3"
title="quantity of pencils (code 123) required"
value="0" onfocus="this.value=''" /></td>
<td>$1.00</td></tr><tr>
<td>124</td>
<td>pen</td>
<td><input type="text" size="3"
title="quantity of pens (code 124) required" value="0"
onfocus="this.value=''" /></td>
<td>$1.50</td></tr></table>
<table summary="product ordering form
containing product code,name,price
and a input field (quantity wanted)
for each product"
<caption>Product details and ordering form
</caption>
<tr><th scope="col">code
</th>
<th scope="col">item</th><th scope="col">quantity
</th><th scope="col">price</th></tr>
<tr>
<td>123</td>
<td>pencil</td>
<td>
<label style="font-size:10%;position:absolute;z-index:-1;"
for="q1">quantity of pencils (code 123) required</label>
<input type="text" id="q1" size="3"
value="0" onfocus="this.value=''" /></td>
<td>$1.00</td></tr>
<tr>
<td>124</td>
<td>pens</td>
<td>
<label style="font-size:10%;position:absolute;z-index:-1;"
for="q2">quantity of pens (code 124) required</label>
<input type="text" id="q2" size="3"
value="0" onfocus="this.value=''" />
</td><td>$1.50</td></tr></table>