HTML5 <label> Tag

Example An simple HTML form with two input fields and related labels: <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> Try it yourself »

---

Definition and Usage

The <label> tag defines a label for an input element.

The label element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the label element, it toggles the control.

The for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together.

---

Differences Between HTML 4.01 and HTML5

The "form" attribute is new in HTML5.

---

Tips and Notes

Note: A label can be bound to another element by using the "for" attribute, or placing the element inside the label element.

---

Attributes

New : New in HTML5.

Attribute	Value	Description
for	id of another field	Defines which form element the label is for. Set to an ID of a form element
formNew	formname	Defines one ore more forms the label field belongs to

Standard Attributes

The <label> tag also supports the Standard Attributes in HTML5.

---

Event Attributes

The <label> tag also supports the Event Attributes in HTML5.

---