<optgroup>¶
Тег <optgroup>
(от англ. option group — группа параметров) представляет собой контейнер, внутри которого располагаются элементы <option>
, объединённые в одну группу.
Особенностью <optgroup>
является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.
Формы
Синтаксис¶
<select>
<optgroup label="<текст>">
<option>...</option>
</optgroup>
</select>
Закрывающий тег обязателен.
Атрибуты¶
disabled
- Блокирует доступ к группе списка.
label
- Текст, который будет входить в список в виде заголовка группы.
Также для этого элемента доступны универсальные атрибуты.
disabled¶
Блокирует доступ к группе списка, при этом группа отображается другим цветом (обычно серым) и не доступна для выбора.
Синтаксис
<optgroup disabled>...</optgroup>
Значения
Нет.
Значение по умолчанию
По умолчанию этот атрибут выключен.
label¶
Текст, который будет входить в список в виде заголовка группы. Это обычная текстовая строка без всяких кодов HTML.
Синтаксис
<optgroup label="<текст>">...</optgroup>
Значения
Любая текстовая строка.
Значение по умолчанию
Нет.
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>OPTGROUP</title>
</head>
<body>
<form action="handler.php">
<p>
<select>
<optgroup label="Цвет">
<option value="c1">Апельсиновый</option>
<option value="c2">Лимонный</option>
<option value="c3">Персиковый</option>
</optgroup>
<optgroup label="Тон">
<option value="s1">Светлый</option>
<option value="s2">Нормальный</option>
<option value="s3">Темный</option>
</optgroup>
</select>
</p>
<p>
<input type="submit" value="Отправить" />
</p>
</form>
</body>
</html>
Ссылки¶
- Тег
<optgroup>
MDN (рус.)