X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <label> Tag


Example

Two radio buttons with labels:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br>
  <input type="submit" value="Submit">
</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.


Browser Support

Element
<label> 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.


Attributes

= 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


Global Attributes

The <label> tag also supports the Global Attributes in HTML.


Event Attributes

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


Related Pages

HTML DOM reference: Label Object


Default CSS Settings

Most browsers will display the <label> element with the following default values:

Example

label {
    cursor: default;
}

Try it Yourself »



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook