Тег <label>

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

Описание

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

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

Синтаксис

<input

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

<label><input type="..."> Текст</label>

Аргументы

accesskey - Доступ к элементам формы с помощью горячих клавиш.

for - Идентификатор элемента, с которым следует установить связь.

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

Обязателен.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег LABEL</title> </head> <body> <form action="handler"> <p><b>Lorem ipsum dolor sit amet...</b></p> <p><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></p> </form> </body> </html>

Тег <label>

Категории

Последние комментарии

	Русский
	English