Атрибут label

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

Синтаксис

<option label="<текст>">...</option>

Значения

Любая текстовая строка.

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

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>option, атрибут label</title>
  </head>
 <body>
  <form action="handler.php">
   <p>Кто написал полонез Огинского?</p>
   <select name="question">
    <option label="Бах" value="1">Иоганн Себастьян Бах</option>
    <option label="Бетховен" value="2">Людвиг ван Бетховен</option>
    <option label="Шопен" value="3">Фредерик Шопен</option>
    <option label="Огинский" value="4">Михаил Клеофас Огинский</option>
   </select>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Результат примера показан на рис. 1.

Вывод текста в списке

Рис. 1. Вывод текста в списке

Браузеры ?

Браузеры

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

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid