HTML тег `<optgroup>`

Значение и применение

Тег <optgroup> используется для группировки связанных данных в раскрывающемся списке <select> и предназначен для более удобного представления информации пользователям.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Отдельные значения (1) поддерживаются не везде — смотрите таблицу.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.optgroup
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`optgroup`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`disabled`	✓1	✓12	✓1	✓15	✓7 Версия 7 выпущена в 2013 г. Примечание MDN (англ.) Before Safari 7, the attribute can be set, but has no effect.	✓18	✓4	✓14	× Нет поддержки Примечание MDN (англ.) The attribute can be set, but has no effect.	✓1.0	✓4.4	× Нет поддержки Примечание MDN (англ.) The attribute can be set, but has no effect.
`label`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

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

Примеры, попробуйте сами

Группы вариантов

Измените label группы или добавьте disabled к optgroup.

index.html

HTML

<label
  >Курс
  <select>
    <optgroup label="Основы">
      <option>HTML</option>
      <option>CSS</option>
    </optgroup>
    <optgroup label="Далее"><option>JavaScript</option></optgroup>
  </select></label
>

Отличия HTML 4.01 от HTML 5

Нет.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

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

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <optgroup>