HTML <label> Tag

Description

The <label> HTML element establishes a connection between a certain label, which is usually the text, and a form element ( <input> , <select> , <textarea> ). Such a relationship is necessary in order to change the values ​​of form elements when the mouse clicks on the text. In addition, using <label> you can set keyboard shortcuts and switch to the active element like links.

Properties

Permitted Parents

Any element that accepts phrasing content

Content

Inline and text

Start/End Tags

Start tag: required, End tag: required

Example

<form>

  <label for="male">Male</label>

  <input type="radio" name="sex" id="male" />

  <label for="female">Female</label>

  <input type="radio" name="sex" id="female" />

</form>

Attributes

Global Attributes

The <label> tag also supports the Global Attributes in HTML5

Event Attributes

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

Browser Support

Desktop
Yes	Yes	Yes	Yes	Yes	Yes
Tablets / Mobile
Yes	Yes	Yes	Yes	Yes	Yes

Last updated by CSSPortal on: 6th December 2019