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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
for

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

html.elements.output.for

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
for

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support