Do you have old friends you don't want to lose contact with?

Home Plog Labels in HTML forms

  Mobile version of this page


 

Labels in HTML forms

http://www.sitepoint.com/article/1273

forms, label, form, input, simon, willison

25^th of January 2004

Simon Willison has written a nice article about Simple tricks for more usable forms and from it I learned about how <label> tags work. They have been part of HTML since 1998 so today most browsers should support them; and if not, it's not a show-stopper. What they do is that they help to associate a text with an input field. For example, here, mouseclick the word "Name" and "Agree?" below.

Name
Agree?

Nothing happens! Instead, with <label> tags, notice the difference when you mouseclick the words "Name" and "Agree?"

Name
Agree?

For code for the latter example is:

 <form>
 <label for="name2"><b>Name</b></label>  
 <input name="var21" id="name2"><br>
 <label for="agree2">Agree?</label>
 <input type="checkbox" name="var22" id="agree2">
 </form>

Comment