Back to Concepts
<label>
A label for an input element.
The `<label>` tag defines a label for several form elements. The `<label>` element is useful for screen-reader users, because the screen-reader will read out loud the label when the user focus on the input element. It also helps users who have difficulty clicking on very small regions (such as radio buttons or checkboxes) - because when the user clicks the text within the `<label>` element, it toggles the control.
Live Example & Code
Preview Output
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male">