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

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
Базовая поддержкаChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка 5.5Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
disabledChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка 8Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
labelChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка 5.5Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

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

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

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