Атрибут label
Синтаксис
(X)HTML
<optgroup label="[значение]"> ... </optgroup>
Описание
Атрибут / параметр label
(от англ. "label" ‒ «метка, надпись») задаёт метку для группы вариантов раскрывающегося списка.
Поддержка браузерами
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.9 The optgroup element The label attribute... |
5.1 | 4.10.9. The optgroup 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 (Элемент optgroup)</title>
</head>
<body>
<h1>Пример использования атрибута "label"</h1>
<p>Выберите наиболее понравившийся вам мультфильм:</p>
<select>
<optgroup label="Отечественные">
<option>Ну, погоди!</option>
<option>Винни-Пух</option>
<option>Приключения кота Леопольда</option>
<option>Смешарики</option>
<option>Чебурашка</option>
</optgroup>
<optgroup label="Зарубежные">
<option>Том и джери</option>
<option>Тимон и Пумба</option>
<option>Чип и Дейл спешат на помощь</option>
<option>Утиные истории</option>
<option>Алладин</option>
</optgroup>
</select>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр label (Элемент optgroup)</title>
</head>
<body>
<h1>Пример использования атрибута "label"</h1>
<p>Выберите наиболее понравившийся вам мультфильм:</p>
<select>
<optgroup label="Отечественные">
<option>Ну, погоди!</option>
<option>Винни-Пух</option>
<option>Приключения кота Леопольда</option>
<option>Смешарики</option>
<option>Чебурашка</option>
</optgroup>
<optgroup label="Зарубежные">
<option>Том и джери</option>
<option>Тимон и Пумба</option>
<option>Чип и Дейл спешат на помощь</option>
<option>Утиные истории</option>
<option>Алладин</option>
</optgroup>
</select>
</body>
</html>
Параметр label (Элемент optgroup)