Тег <OPTGROUP> представляет собой контейнер, внутри которого располагаются теги <OPTION> объединенные в одну группу. Особенностью тега <OPTGROUP> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.
Синтаксис
<select>
<optgroup label=»…»>
<option>…</option>
</optgroup>
</select>
Параметры
- label
- Текст, который будет входить в список в виде заголовка группы.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <OPTGROUP>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<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>
Параметр LABEL
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Текст, который будет входить в список в виде заголовка группы. Это обычная текстовая строка без всяких кодов HTML.
Синтаксис
<optgroup label=»текст»>…</optgroup>
Обязательный параметр
Да.
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Значение по умолчанию
Нет.