Friday January 31, 2003
Friday January 31, 2003
[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 in The Web
at Jan 31 2003, 11:47:45 AM MST
2 Comments
Search This Site
Recent Entries
- Wine Tasting in Napa Valley
- How to build a Shot-Ski
- Bus Project Update
- Farewell to the 2011-2012 Ski Season
- Cruising around the Western Caribbean
- Spring Break!
- A Spectacular Trip to Stockholm and Madrid
- Comparing Web Frameworks and HTML5 with Play Scala at Jfokus 2012
- Play Framework 2.0 with Peter Hilton at Jfokus
- Secure JSON Services with Play Scala and SecureSocial
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 #