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