HTML <label> Tag


Three radio buttons with labels:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
Try it yourself »

Definition and Usage

<label> The label defines a label (tag) for the input element.

label element does not present any special effects to the user. However, it improves usability for mouse users. This control is triggered if you click on the text within the label element. That is, when the user selects the label, the browser will automatically focus on the form control associated with the label.

<label> The for attribute of the tag should be the same as the id attribute of the related element.

Browser Support

<label> Yes Yes Yes Yes Yes Yes

Tips and Notes

Tip: A label can be bound to an element either by using the "for" attribute, or by placing the element inside the <label> element.

Differences Between HTML 4.01 and HTML5

The "form" attribute is new in HTML5.


= New in HTML5.

Attribute Value Description
for element_id Specifies which form element a label is bound to
form form_id Specifies one or more forms the label belongs to