Labels in HTML forms

26 January 2004   2 comments   Web development

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

Mind That Age!

This blog post is 13 years old! Most likely, its content is outdated. Especially if it's technical.

Powered by Fusion×

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?"


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>

Comments

what
does not work
greenwald
whats the point?
Thank you for posting a comment

Your email will never ever be published


Related posts

Previous:
Robots.txt Validator 24 January 2004
Next:
Dabbrev in Jed 26 January 2004
Related by Keyword:
Automatically strip whitespace in Django forms 12 October 2009
Button tag in bloody Internet Explorer 09 August 2005
Related by Text:
EmailInput HTML5 friendly for Django 02 August 2011
Button tag in bloody Internet Explorer 09 August 2005
What stumped me about AngularJS 12 May 2013
Optional input labels 13 June 2007
Entering multilanguage data in Zope 26 November 2006