Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег label

Дата:15.09.15 в 12:25
Справочник: 

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

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

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>

Оценка: 
Оценок: 1 (средняя 5 из 5)
Понравилась статья? Расскажите о ней друзьям: