Атрибут label
Синтаксис
(X)HTML
<option label="[значение]"> ... </option>
Описание
Атрибут / параметр label (от англ. "label" ‒ «метка, надпись») указывает короткую метку для варианта раскрывающегося (выпадающего) списка. Короткая метка отображается вместо стандартной надписи, то есть вместо содержимого option элемента.
Примечание
Если метка не указана, то в качестве надписи варианта используется текстовое содержимое option элемента.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | 17.6.1 Pre-selected options label = text [CS]... DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.10.10 The option element The label attribute... |
| 5.1 | 4.10.10. The option element The label content... |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается короткое название варианта.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр label (Элемент option)</title>
</head>
<body>
<h1>Пример использования атрибута "label"</h1>
<p>Выберите наиболее понравившийся вам мультфильм:</p>
<select>
<option>Ну, погоди!</option>
<option>Винни-Пух</option>
<option label="Кот Леопольд">Приключения кота Леопольда</option>
<option>Смешарики</option>
<option>Чебурашка</option>
</select>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр label (Элемент option)</title>
</head>
<body>
<h1>Пример использования атрибута "label"</h1>
<p>Выберите наиболее понравившийся вам мультфильм:</p>
<select>
<option>Ну, погоди!</option>
<option>Винни-Пух</option>
<option label="Кот Леопольд">Приключения кота Леопольда</option>
<option>Смешарики</option>
<option>Чебурашка</option>
</select>
</body>
</html>
Параметр label (Элемент option)