САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Атрибут for



Определение и использование

При использовании вместе с элементом <label> атрибут for указывает, к какому элементу формы привязана метка.

При использовании вместе с элементом <output> атрибут for указывает связь между результатом вычисления и элементами, используемыми в вычислении.


Применение

Атрибут for можно использовать для следующих элементов:

Элемент Атрибут
<label> for
<output> 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 имеет следующую поддержку браузера для каждого элемента:

Элемент
label Да Да Да Да Да
output 10.0 Не поддерживает 4.0 5.1  11.0