| Элемент | ||||||
| label | 7+ | 1+ | 4+ | 1+ | 1+ | 1+ |
| output | 10+ | 4+ | Да | 5.1+ | 11+ |
HTML Атрибут for
Атрибут for (от англ. "for" ‒ «для») явно связывает содержимое элемента <label> с определённым элементом формы.
For задаёт уникальный идентификатор, определяемый с помощью атрибута id элемента <input>, с которым следует установить связь. Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены.
Примечание: Если <input> размещается внутри контейнера <label>, то применять атрибут for не требуется.
Синтаксис
<label for="[идентификатор]">>...</label>
<output for="[идентификатор]">>...</output>
Значения
В качестве значения указывается идентификатор элемента формы, к которому необходимо привязать содержимое элемента. Такое имя чувствительно к регистру, поэтому его следует писать так же, как оно описано внутри элемента <input>.
Значение по умолчанию
Нет.
Применяется к тегам
| <label> | <output> |
Различия между HTML 4.01 и HTML5
Нет.
Примеры использования:
Атрибут for (Элемент <label>)
Пример HTML:
Попробуй сам<form action="action_form.php">
<p><input type="radio" name="coffee" id="radio1">
<label for="radio1">Кофе с молоком</label></p>
<p><input type="radio" name="coffee" id="radio2">
<label for="radio2">Кофе с коньяком</label></p>
<p><input type="reset"> <input type="submit"></p>
</form>
Атрибут for (Элемент <output>)
Выполните вычисления и результат будет показан в элементе <output>:
Пример HTML:
Попробуй сам<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>
Спецификации
| Спецификация | Статус |
|---|---|
| HTML 4.01 (W3C) | Рекомендация |
| HTML 5 (W3C) | Рекомендация |
| HTML5.1 (W3C) | Рекомендация |
Поддержка браузерами
Атрибут for имеет следующую поддержку браузерами для каждого элемента:
Учебник HTML
HTML уроки: HTML Атрибуты
