HTML-атрибут for
в большинстве случаев используется в элементе <label>
для связи метки с определённым элементом формы, таким как <input>
, по его атрибуту id. Это улучшает доступность, позволяя пользователям кликать на текст метки для взаимодействия с привязанным элементом.
Пример выполнения расчета и отображения результата в элементе <output>
:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" id="a" value="45">
+<input type="number" id="b" value="25">
=<output name="x" for="a b"></output>
</form>
В примере ниже клик на текст "Имя пользователя" активирует поле ввода с идентификатором username
.
<label for="username">Имя пользователя:</label>
<input type="text" id="username" name="username">
<label for="element_id">
<output for="element_id">
<label>
атрибут for
указывает, к какому элементу формы привязана метка;<output>
атрибут for указывает связь между результатом вычисления и элементами, используемыми в вычислении.for
должно точно совпадать с идентификатором целевого элемента.Атрибут for
можно использовать для следующего элемента:
![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает, кроме output |
![]() |
Поддерживает |
![]() |
Поддерживает |
![]() |
Поддерживает |
Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.