The label element is used to add information to a particular control, let say a text field.

The advantage of a label element is that a browser recognizes that it belongs to a certain control and uses that to, i.e., re-directs its focus to the control it belongs to if tabbing navigation is used.

To associate a label element to a form control, the label's attribute for must match the control's id attribute. The other way is to explicitly assign a label to an element by wrapping it around the element; that is to make it the element's parent tag.

An advantage of using the for attribute is that a label can be placed anywhere in the form's body and a browser is going to recognize it properly.


<label for=""></label>



HTML label element:


›› go to examples ››