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>

Teach Yourself  by BH24 HTML Editor Tool!

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.