Тег LABEL

⚠️ Bymas - Форум разработчиков

Описание

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

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

Синтаксис

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

Параметры

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

Закрывающий тег

Обязателен.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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. Добавление горячей клавиши

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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. Использование параметра for

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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>