How to Use Fieldset and Legend ?

Ebooks - Tips, How to, Others — By Script on March 1, 2009 at 7:34 am

The Fieldset element, in conjunction with Legend, has been developed to help users organize form content, as in the case of a form where contact information is clustered. A combination of these tags and Cascading Style Sheet attributes can produce a table-free data form. Fieldset and Legend are not currently supported by adaptive technology.

Note: Fieldset encloses content between the <TD> and </TD> tags, so it does not work for forms defined by multiple rows and columns.

Fieldset and Legend are used below in concert with I D below. See the Forms page for more detail.

Code Example:

<tr>
<td><fieldset>
<legend>Contact Information
</legend>

<p>
<label for=”FirstName”>First name:</label>
<input type=”text” name=”fn” id=”FirstName”></input></label>
</p>
<p>
<label for=”SecondName”>Second name:</label>
<input type=”text” name=”sn” id=”SecondName”></input>
</p>
</fieldset></td>
</tr>