Что делает label в html
Перейти к содержимому

Что делает label в html

  • автор:

Что делает label в html

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

Синтаксис

">Текст 

Атрибуты

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

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

Пример

Примечание

IE до версии 6.0 включительно не позволяет активировать поле формы при щелчке по тексту, когда поле с текстом находится внутри .

IE до версии 8.0 включительно корректно работает с только при наличии в нём текста. Если добавить изображение ( ), то активировать поле формы щелчком по картинке нельзя.

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

Спецификация Статус
HTML Living Standard Живой стандарт
HTML 4.01 Specification Заменённая рекомендация

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

3 12 1 15 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Аккордеон меню
  • Вкладки на CSS
  • Выпадающее меню
  • Использование :checked
  • Подсказка в поле формы
  • Пользовательские формы
  • Стилизация переключателей
  • Стилизация флажков
  • Формы в Bootstrap 4
  • Формы в HTML
  • Элемент label

HTML тег

Атрибутом «for» можно не пользоваться, если элемент будет находиться внутри элемента .

Атрибуты

for: Устанавливает связь с элементом формы, к которому будет относится метка. В качестве значения для атрибута выступает идентификатор целевого элемента. Пример » form: Определяет форму с которой будет связана метка. В качестве значения атрибута выступает идентификатор элемента . Этот атрибут позволяет размещать метки в произвольном месте документа, а не только в качестве потомка элемента . Пример »

Стиль по умолчанию

label

Пример

 

или тоже самое только без использования атрибута for

Результат данного примера в окне браузера:

Пример использования тега <label></p>
<p>» width=»434″ height=»258″ /></p><div class='code-block code-block-10' style='margin: 8px 0; clear: both;'>
<!-- 10dvdigital -->
<script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Что делает label в html

Тег (от англ. label — метка, ярлык) устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы ( , , ).

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

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

Демо¶

Синтаксис¶

1 2 3 4
input id="" />label for="" >Текстlabel > label>input /> Текстlabel> 

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

Атрибуты¶

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

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

for¶

Синтаксис

label for="">. label> 

Значения

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

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

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

  • WHATWG HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
 html> head> meta charset="utf-8" /> title>LABELtitle> head> body> form action="handler.php"> p>b>Выберите напитокb>p> p> input type="checkbox" id="check1" />label for="check1" >Коньякlabel >br /> input type="checkbox" id="check2" />label for="check2" >Арманьякlabel >br /> input type="checkbox" id="check3" />label for="check3" >Кальвадосlabel >br /> p> form> body> html> 

Зачем нужен label HTML?

w3schools.com/tags/tag_label.asp — повышает удобство интерфейса при использовании мыши, так как щелчок по тексту элемента передается элементу с id , указанным в аттрибуте for .

– user176262
20 апр 2016 в 18:25

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Если речь именно про тег, то:

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

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

     

Если речь про всё же про атрибут, то:

Атрибут предназначен для указания метки пункта списка, сокращённой по сравнению с текстом внутри . Если атрибут label присутствует, то текст внутри тега игнорируется и в списке выводится значение label .

   

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

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