label

HTML тег label— это тег, который устанавливает метку или ярлык для поля ввода. Сам тег не форматирует визуальную часть страницы, но дает прирост параметра юзабилити, когда элемент формы активируется не только при нажатии на его самого, но и на стоящий рядом текст — описание данного поля.

У тега label есть атрибут for, который должен быть равным атрибуту id элемента ввода, для которого установили этот label.

Поддержка браузеров

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
Данный браузер IE6, если кликнуть на текст, когда текст находится внутри тега label, не устанавливает фокус на поле формы++++

Пример


<form>
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" />
      <label for="female">Female</label>
      <input type="radio" name="sex" id="female" />
</form>

Разница между HTML и XHTML

Разницы нет.

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

АтрибутЗначениеОписание
forid_элементаОпределяет связь с элементом формы

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

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

Событийные атрибуты

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *