Атрибут for

23.09.2010

Влад Мержевич

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>.