Тег label

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


7.0+	1.0+	4.0+	1.2+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

В теге <label> хранится текстовое описание для некоторых полей из формы. Обычно содержание этого описания говорит пользователю, что он должен указать в соответствующем поле. Также при клике по тегу <label> курсор переходит на поле, связанное с этим текстом.

Связь между полем и тегом можно установить двумя способами. Первый основывается на применении атрибута for. Он должен совпадать со значением идентификатора определенного поля. Второй способ достаточно прост - нужное поле требуется поместить внутрь тега <label>.

Как правильно задавать?

<input id="идентификатор"><label for="идентификатор">название поля</label>
<label>название поля<input type="…"></label>

Какие атрибуты поддерживаются?

accesskey - определяет гарячие клавиши для назначения определенным полям фокуса.
for - связующее звено между полем и лейблом.

Закрытый тег

Да.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег label</title>
 </head>
 <body>
  <form action="mail.php">
   <p><b>Название формы выбора</b></p>
   <p><input type="checkbox" id="check1"><label for="check1">Выбор1</label><Br>
   <input type="checkbox" id="check2"><label for="check2">Выбор2</label><Br>
   <input type="checkbox" id="check3"><label for="check3">Выбор3</label><Br></p>
  </form>
 </body>
</html>

Тип html тега:

Строчные элементы

Формы