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

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

Примечание: Элементы 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>' в этой спецификации.
Рекомендация  

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

ВозможностьChromeEdgeFirefoxInternet ExplorerOperaSafari
Базовая поддержка1 Да15.5 Да Да
disabled1 Да18 Да Да
label1 Да15.5 Да Да
ВозможностьAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Базовая поддержка Да Да Да4 Да Да Да
disabled Да Да Да4 Да Да Да
label Да Да Да4 Да Да Да

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

Метки документа и участники

Внесли вклад в эту страницу: artem-vorobev
Обновлялась последний раз: artem-vorobev,