HTML <label> for Attribute

HTML <kbd>

HTML <legend>

The for attribute on a <label> tag binds (associates) the label to an input element.

Clicking the label places focus on the associated input element.

Example

#

A for attribute on each of the <label> elements.
Clicking the label will check the associated radio button.

<form action="/tutorial/action.html">
  <fieldset>
    <legend>Payment Method</legend>
  
    <label for="credit">
       <input type="radio" name="card" id="credit" value="credit" checked> &nbsp;Credit Card
    </label><br />
    <label for="debit">
      <input type="radio" name="card" id="debit" value="debit"> &nbsp;Debit Card
    </label><br />

    <input type="submit" value="Submit">
  </fieldset>
</form>

Using for

#

The for attribute on a label binds the label to an input element.

The value of the for attribute is the id of the input element.

Clicking the label places focus on the input element.

Clicking the label of a radio button or checkbox will also check (select) the element.

Syntax

#