HTML for Атрибут
Определение и использование
При использовании вместе с элементом <label> атрибут for указывает, к какому элементу формы привязана метка.
При использовании вместе с элементом <output> атрибут for определяет связь между результатом вычисления и элементами, используемыми при вычислении.
Относится к
Атрибут for может использоваться для следующих элементов:
| Элементы | Атрибут |
|---|---|
| <label> | for |
| <output> | for |
Пример
For Пример
Три переключателя с этикетками:
<form action="/action_page.php">
<label for="male">Male</label>
<input type="radio" name="gender" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="gender" id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
Пример вывода
Выполните вычисление и Покажите результат в элементе <output>:
<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>
Поддержка браузера
Атрибут for имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| label | Да | Да | Да | Да | Да |
| output | 10.0 | Не поддерживается | 4.0 | 5.1 | 11.0 |