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.

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

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
for
10
≤18
4
No
11
7
Yes
Yes
4
?
Yes
Yes
form
10
≤18
4
No
11
7
Yes
Yes
4
?
Yes
Yes
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
for
Yes
12
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes
Yes

BCD tables only load in the browser

Support with output

BCD tables only load in the browser

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/for