Тег LABEL

Тег LABEL необходим для установки связи между определенной меткой (в качестве метки обычно выступает текст) и элементом формы INPUT. Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст. Кроме того, с помощью LABEL можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.

Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри тега INPUT и указании его имени в качестве параметра for тега LABEL. При втором способе тег INPUT помещается внутрь контейнера LABEL.

Синтаксис
<input id=идентификатор> <label for=идентификатор>Текст</label>
<label><input type=...> Текст</label>

Закрывающий тег
Обязателен.

Параметры
accesskey — доступ к элементам формы с помощью горячих клавиш.
for — идентификатор элемента INPUT, с которым следует установить связь.

Пример 1. Использование тега LABEL

<html>
<body>

<form>
<b>Lorem ipsum dolor sit amet...</b><br>
<input type=checkbox id=check1><label for=check1>Lorem</label><br>
<input type=checkbox id=check2><label for=check2>Ipsum</label><br>
<input type=checkbox id=check3><label for=check3>Dolor</label><br>
<input type=checkbox id=check4><label for=check4>Sit amet</label>
</form>

</body>
</html>


Описание параметров тега LABEL

Параметр ACCESSKEY

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

Синтаксис
<label accesskey=клавиша>...</label>

Аргументы
Любой доступный латинский символ.

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

Пример 2. Добавление горячей клавиши

<html>
<body>

<form>
<input type=checkbox id=t1><label for=t1 accesskey=g>Нажмите <Alt>+<g>, чтобы перейти к разделу "Игры".</label>
</form>

</body>
</html>


Параметр FOR

Описание
Задает уникальный идентификатор, определяемый с помощью атрибута id элемента INPUT, с которым следует установить связь. Параметр for необходимо задавать в том случае, когда элемент формы и текст разделены. Если INPUT размещается внутри контейнера LABEL, то применять параметр for не требуется.

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

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

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

Пример 3. Добавление идентификатора поля

<html>
<body>

<form>
<input type=radio name=l id=radio1><label for=radio1>Lorem ipsum</label><br>
<input type=radio name=l id=radio2><label for=radio2>Dolor sit amet</label>
</form>

</body>
</html>

Материал взят с сайта htmlbook.ru