<optgroup>

HTML-элемент <optgroup> позволяет группировать опции, находящиеся внутри элемента <select>.

Категории контента Нет
Допустимый контент Ноль или более <option> элементов.
Пропуск тегов Открывающий тег обязателен. Закрывающий тег может быть опущен, если сразу после элемента находится следующий элемент <optgroup>, или если это последний элемент внутри родителя.
Допустимые родители Элемент <select>
Допустимые ARIA-роли Нет
DOM-интерфейс HTMLOptGroupElement (en-US)

Примечание:

Элементы optgroup не могут быть вложенными друг в друга.

Атрибуты

Элемент <optgroup> допускает использование глобальных атрибутов.

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

Пример

<select>
  <optgroup label="Группа 1">
    <option>Опция 1.1</option>
  </optgroup>
  <optgroup label="Группа 2">
    <option>Опция 2.1</option>
    <option>Опция 2.2</option>
  </optgroup>
  <optgroup label="Группа 3" disabled>
    <option>Опция 3.1</option>
    <option>Опция 3.2</option>
    <option>Опция 3.3</option>
  </optgroup>
</select>

Результат

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

Спецификация Статус Комментарии
HTML Living Standard
Определение '<optgroup>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<optgroup>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<optgroup>' в этой спецификации.
Рекомендация  

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также