HTML атрибут for, определение и примеры использования
Меню
Веб-разработка
Атрибут for

HTML-атрибут for в большинстве случаев используется в элементе <label> для связи метки с определённым элементом формы, таким как <input>, по его атрибуту id. Это улучшает доступность, позволяя пользователям кликать на текст метки для взаимодействия с привязанным элементом.


Атрибут for - синтаксис и код

Пример выполнения расчета и отображения результата в элементе <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 можно использовать для следующего элемента:

Элемент Атрибут
<label> for
<output> for

Поддержка for браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает, кроме output
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой