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

HTML

<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>

Result