HTML attribute: for

The for attribute is an allowed attribute for <label> and <output>. When used on a <label> element it indicates the form element that this label describes. When used on an <output> element it allows for an explicit relationship between the elements that represent values which are used in the output.

Try it

Usage

When used as an attribute of <label>, the for attribute has a value which is the id of the form element it relates to.

html
<label for="username">Your name</label> <input type="text" id="username" />

When used as an attribute of <output>, the for attribute has a value which is a space separated list of the id values of the elements which are used to create the output.

html
<input type="range" id="b" name="b" value="50" /> +
<input type="number" id="a" name="a" value="10" /> =
<output name="result" for="a b">60</output>

Examples

See examples of usage on the element pages for <label> and <output>.

Specifications

Specification
HTML Standard
# attr-label-for
HTML Standard
# attr-output-for

Browser compatibility

html.elements.label.for

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

html.elements.output.for

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.