Дорогой друг!

Справочник HTML переехал на новый сайт с коротким и простым адресом webref.ru. Там справочник регулярно обновляется и пополняется. Он актуальнее, лучше, полнее и содержит ряд интересных возможностей. На htmlbook.ru справочник HTML больше обновляться не будет и со временем закроется. Переходи на сайт webref.ru и пользуйся им на здоровье.

Атрибут for


Internet Explorer Chrome Opera Safari Firefox Android iOS
5.0+ 7.0+ 1.0+ 4.0+ 1.2+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Задает уникальный идентификатор, определяемый с помощью атрибута id элемента <input>, с которым следует установить связь. Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены. Если <input> размещается внутри контейнера <label>, то применять атрибут for не требуется.

Синтаксис

<label for="идентификатор">...</label>

Значения

Имя идентификатора. Такое имя чувствительно к регистру, поэтому его следует писать так же, как оно описано внутри элемента <input>.

Значение по умолчанию

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег LABEL, атрибут for</title>
 </head>
 <body>  
  <form action="handler.php">
   <p><input type="radio" name="l" id="radio1">
    <label for="radio1">Lorem ipsum</label></p>
    <p><input type="radio" name="l" id="radio2">
    <label for="radio2">Dolor sit amet</label></p>
  </form>
 </body>
</html>

Браузеры

IE5-6 не позволяет активировать поле формы при щелчке по тексту, когда поле с текстом находится внутри тега <label>.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.