HTML <label> Tag
Two radio buttons with labels:
<input type="radio" name="sex" id="male" value="male"><br>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
Try it Yourself »
The <label> tag is supported in all major browsers.
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.
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 : New in HTML5.
|for||element_id||Specifies which form element a label is bound to|
|formNew||form_id||Specifies one or more forms the label belongs to|
The <label> tag also supports the Global Attributes in HTML.
The <label> tag also supports the Event Attributes in HTML.
HTML DOM reference: Label object
Thank You For Helping Us!
Your message has been sent to W3Schools.