Тег OPTGROUP

⚠️ Bymas - Форум разработчиков

Описание

Тег <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>

Обязательный параметр

Да.

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.