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