Тег OPTGROUP
Описание
Тег <OPTGROUP> представляет собой контейнер,
внутри которого располагаются теги <OPTION> объединенные
в одну группу. Особенностью тега <OPTGROUP> является
то, что он не выделяется как обычный элемент списка, акцентируется с помощью
жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо
от своего исходного положения.
Синтаксис
<select>
<optgroup label="...">
<option>...</option>
</optgroup>
</select>
Параметры
label
Текст, который будет входить в список в виде заголовка группы.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <OPTGROUP>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form action="handler.php">
<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><input type="submit" value="Отправить"></p>
</form>
</body>
</html>
Результат данного примера показан ниже.
Апельсиновый
Лимонный
Персиковый
Светлый
Нормальный
Темный
Описание параметров тега <OPTGROUP>
Параметр LABEL
Описание
Текст, который будет входить в список в виде заголовка группы. Это обычная
текстовая строка без всяких кодов HTML.
Синтаксис
<optgroup label="текст">...</optgroup>
Обязательный параметр
Да.
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные
кавычки.
Значение по умолчанию
Нет.