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 списка:

<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>

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

Учебник HTML

HTML Элементы