Use of title attribute for labelling controls

Example form

Product order form
code item quantity price
123 pencil $1.00
124 pen $1.50

Example code

<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>

Use of hidden text labels

Refer to: Invisible Form Prompts http://www.juicystudio.com/invisible-form-prompts.asp

Example form

Product order form
code item quantity price
123 pencil $1.00
124 pen $1.50

Example code

<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>