<div>
<form action="../action/return.html" method="post" title="Test Form 1" enctype="application/x-www-form-urlencoded">
<table border="1" cellpadding="5" summary="Layout table for test form number 1">
<tr>
<th rowspan="1" colspan="1">Test Form Control Enabled Elements</th>
</tr>
<tr>
<td rowspan="1" colspan="1">
<label>
<input type="text" name="testTextInput"></input>
</label>
<br clear="none"></br>
<label>
<input type="checkbox" name="testCheckInput"></input>
</label>
<br clear="none"></br>
<label>
<input type="radio" name="testRadioInput" checked="checked"></input>
</label>
<br clear="none"></br>
<label>
<input type="radio" name="testRadioInput"></input>
</label>
<br clear="none"></br>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<input type="reset" value="reset"></input>
<input type="submit" value="submit"></input>
</td>
</tr>
</table>
</form>
<p> </p>
<form action="../action/return.html" method="post" title="Test Form 1" enctype="application/x-www-form-urlencoded">
<table border="1" cellpadding="5" summary="Layout table for test form number 2">
<tr>
<th rowspan="1" colspan="1">Test Form Control Disabled Elements</th>
</tr>
<tr>
<td rowspan="1" colspan="1">
<textarea name="test-textarea" rows="1" cols="30" disabled="disabled">Disabled textarea</textarea>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<select name="test-optgroup" disabled="disabled">
<option value="opt1">Option 1</option>
<option value="opt2">Option 2</option>
<option value="opt3">Option 3</option>
</select>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<input type="reset" value="reset" disabled="disabled"></input>
<input type="submit" value="submit" disabled="disabled"></input>
</td>
</tr>
</table>
</form>
<p> </p>
<table border="1" cellpadding="5" summary="Layout table for test links">
<tr>
<th rowspan="1" colspan="1">Link Enabled Elements</th>
</tr>
<tr>
<td rowspan="1" colspan="1">
<p class="test">
<a href="../action/return.html" shape="rect">Test Link 1</a>
</p>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<p class="test">
<a href="../action/return.html" shape="rect">Test Link 2</a>
</p>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<p class="test">
<a href="../action/return.html" shape="rect">Test Link 3</a>
</p>
</td>
</tr>
</table>
<p> </p>
<table border="1" cellpadding="5" summary="Layout table for test event handlers">
<tr>
<th rowspan="1" colspan="1">Event Handler Enabled Elements</th>
</tr>
<tr>
<td rowspan="1" colspan="1">
<p>
<img id="lamp1" onmouseover="imgChange1('../images/tn_desklamp1.gif')" onmouseout="imgChange1('../images/desklamp2.gif')" src="../images/desklamp2.gif" height="32" width="25" alt="Lamp turned off" border="0" name="lamp1"></img>
</p>
</td>
</tr>
<tr>
<td rowspan="1" colspan="1">
<p>
<img id="star1" ondblclick="imgChange('../images/starPink.gif')" onclick="imgChange('../images/starRed.gif')" src="../images/starYel.gif" width="35" height="35" alt="star" border="0" name="star1"></img>
</p>
</td>
</tr>
</table>
<p> </p>
<table border="1" cellpadding="5" summary="Layout table for image maps">
<tr>
<th rowspan="1" colspan="1">Image Map Enabled Elements</th>
</tr>
<tr>
<td rowspan="1" colspan="1">
<img src="../images/map-area2.gif" alt="Test Map Area" width="140" height="40" usemap="#testMap" border="0"></img>
<map name="testMap" id="testMap" title="Test Map Area">
<area href="../action/return.html" alt="Green Map Area" shape="rect" coords="0,0,70,40"></area>
<area href="../action/return.html" alt="Red Map Area" shape="rect" coords="71,0,140,40"></area>
</map>
</td>
</tr>
</table>
</div>
function imgChange1( img )
{
document.lamp1.src = img;
}
function imgChange( img )
{
document.star1.src = img
}
