Рис. 1. Вывод текста в списке
Атрибут label
22 апреля 2022| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 7.0+ | 1.0+ | 4.0+ | 2.0+ | 1.0+ | 1.0+ |
Спецификация
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Атрибут предназначен для указания метки пункта списка, сокращённой по сравнению с текстом внутри <option>. Если атрибут label присутствует, то текст внутри тега <option> игнорируется и в списке выводится значение label.
Синтаксис
<option label="текст">...</option>
Значения
Любая текстовая строка заключенная в двойные или одинарные кавычки.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег option, атрибут label</title>
</head>
<body>
<form>
<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.
Сайт