Атрибут for HTML

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 браузерами

	Поддерживает
	Поддерживает
	Поддерживает, кроме output
	Поддерживает
	Поддерживает
	Поддерживает

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