[HTML] Fieldset and Legend
I was reminded today of the <fieldset> and <legend> tags in HTML (BTW, they also work in XHTML). Basically, they are used to draw and label a box around input elements. Here's an example:
<form action="">
<div>
<fieldset>
<legend>Name Information</legend>
<label for="firstName">First Name:</label>
<input type="text" name="firstName" id="firstName" value="" /><br />
<label for="lastName">Last Name:</label>
<input type="text" name="lastName" id="lastName" value="" /><br />
</fieldset>
<fieldset>
<legend>Address Information</legend>
<label for="address">Address:</label>
<input type="text" name="address" id="address" value="" /><br />
<label for="city">City:</label>
<input type="text" name="city" id="city" value="" /><br />
</fieldset>
</div>
</form>
I added a little CSS for the fieldset and legend tags, and you end up with this:
Pretty cool eh? The labels end up in the text boxes (on some browsers) courtesy of the the label.js script.
Posted by Brian Burke on January 31, 2003 at 02:30 PM MST #
Posted by zzz on November 02, 2011 at 10:15 AM MDT #