Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <label>



Пример

Три переключателя с метками:

<form action="/action_page.php">
  <label for="male">Мужской</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Женский</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">другое</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

Определение и использование

Тег <label> определяет метку для нескольких элементов:

Правильное использование меток с вышеперечисленными элементами принесет пользу:

  • Пользователи программы чтения с экрана (будут читать вслух надпись, Когда пользователь сосредоточен на элементе)
  • Пользователи, которым трудно нажимать на очень маленькие области (например, флажки) - потому что, когда пользователь нажимает на текст внутри элемента <label>, он переключает ввод (это увеличивает область попадания).

Совет: Атрибут <label> должен быть равен атрибуту id связанного элемента, чтобы связать их вместе. Атрибут <label> также может быть привязана к элементу, поместив его внутри элемента <label>.


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

Элемент
<label> Да Да Да Да Да


Атрибуты

Атрибут Значение Описание
for element_id Указывает идентификатор элемента формы, к которому должна быть привязана метка
form form_id Указывает, к какой форме принадлежит метка

Глобальные атрибуты

Тег <label> также поддерживает Глобальные атрибуты в HTML.


Свойства атрибутов

Тег <label> также поддерживает Свойства атрибутов в HTML.


Связные страницы

HTML DOM справочник: Объект label


Настройки CSS по умолчанию

Большинство браузеров будут отображать тег <label> со следующими значениями по умолчанию:

Пример
label {
  cursor: default;
}
Попробуйте сами »