HTML voor kenmerk
Definitie en gebruik
Wanneer het samen met het <label>
element wordt gebruikt, geeft het
for
attribuut aan aan welk formulierelement een label is gebonden.
Wanneer het samen met het <output>
element wordt gebruikt,
for
specificeert het attribuut de relatie tussen het resultaat van de berekening en de elementen die in de berekening worden gebruikt.
Geldt voor
Het for
attribuut kan op de volgende elementen worden gebruikt:
elementen | Attribuut |
---|---|
<label> | voor |
<uitvoer> | voor |
Voorbeelden
Bijvoorbeeld
Drie keuzerondjes met labels:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio"
id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
Uitvoervoorbeeld
Voer een berekening uit en toon het resultaat in een <output> element:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Browserondersteuning
Het for
attribuut heeft de volgende browserondersteuning voor elk element:
Element | |||||
---|---|---|---|---|---|
label | Yes | Yes | Yes | Yes | Yes |
output | 10.0 | Not supported | 4.0 | 5.1 | 11.0 |