отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<label>

  • 71

  • 0

  • Нравится

    0

  • Код:498663471253

связь между определенной меткой
Задайте вопрос продавцу

<label>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<label>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     в переводе с англ. - метка

Описание тега

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

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

Браузеры

Тег поддерживается следующими браузерами и их версиями:

Firefox Internet Explorer Opera Chrome Safari Safari Android iOS
1.0+ 7.0+ 4.0+ 1.0+ 1.2+ 1.0+ 1.0+

Спецификации

Этот тег входит в следующие спецификации:

HTML HTML XHTML XHTML
4.01 5 1.0 1.1

Синтаксис тега:

<LABEL>...</LABEL>

Атрибуты тега:

FOR В качестве значения этого атрибута выступает идентификатор тега INPUT, с которым связывается текст тега-контейнера <LABEL>. Если тег INPUT находится внутри тега <LABEL> , этот атрибут применять не нужно.
FORM Определяет одну или несколько форм, к которым принадлежит тег <LABEL>. В качестве значения этого атрибута выступает идентификатор формы, которой он принадлежит. Если форм несколько, то они разделяются пробелами. Этот атрибут добавлен в HTML 5.

Тег поддерживает также глобальные атрибуты и события.

 

 

Описание

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

Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for тега <label>. При втором способе элемент формы помещается внутрь контейнера <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="handler.php">
   <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>

 

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male">
  <br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female">
</form>
 
<p>или тоже самое только без использования атрибута for</p>
 
<form>
  <label>Male<input type="radio" name="sex" id="male"></label>
  <br>
  <label>Female<input type="radio" name="sex" id="female"></label>
</form>

 

<html>
<body>
<form action="">
<input type="radio" name="answer" value="yes" />
<label>Да</label>
<br />
<input type="radio" name="answer" value="no" />
<label>Нет</label>
</form>
</body>
</html>

Тег <label> поддерживается всеми основными браузерами.

Замечание: Не поддерживается в браузере Safari 2 и его более ранних версиях.


Различия Между HTML и XHTML

НЕТ


Необязательные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
for id_элемента Указывает, к какому элементу формы привязана подпись STF

 


Стандартные Атрибуты

Тег <label> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
accesskey символ Указывает быструю клавишу для доступа к элементу STF
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <label> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onblur скрипт Скрипт, запускаемый, когда элемент теряет фокус STF
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onfocus скрипт Скрипт, запускаемый, когда элемент получает фокус STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи