HTML тег <optgroup>

Элемент <optgroup> (от англ. "options group" ‒ «группа вариантов») optgroup (от англ. "options group" ‒ «группа вариантов») группирует пункты в раскрывающемся списке <select>. Если список вариантов выбора достаточно велик, то подобное группирование помогает пользователю определиться с выбором.

Тег <optgroup> не выделяется, как обычный элемент списка, а выглядит как заголовок жирного начертания. Все элементы <option>, входящие в этот контейнер, смещаются немного вправо от своего исходного положения.

Синтаксис

<select>
  ...
  <optgroup label="...">
    ...
    <option> ... </option>
    ...
  </optgroup>
  ...
</select>

Закрывающий тег

Обязателен.

Атрибуты

disabled
Если этот логический атрибут установлен, то ни один из элементов в этой группе параметров выбрать нельзя. Как правило, браузеры выделяют такую группу серым цветом, при этом группа не реагирует на такие события как щелчки мыши, либо фокус.

label
Задает наименование для группы.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Нет.

Пример использования:

Два разных упорядоченных HTML списка:

Пример HTML:

Попробуй сам
<p>Версии (X)HTML спецификаций:</p>
<select>
<optgroup label="HTML">
  <option>HTML2.0</option>
  <option>HTML3.2</option>
  <option>HTML4.01</option>
  <option>HTML5</option>
</optgroup>
<optgroup label="XHTML">
  <option>XHTML1.0</option>
  <option>XHTML1.1</option>
</optgroup>
</select>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Учебник HTML

HTML Элементы