<optgroup>: Элемент группы опций

Элемент <optgroup> HTML создаёт группу опций внутри элемента <select>.

Попробуйте

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

Атрибуты

Этот элемент включает глобальные атрибуты.

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

Примеры

html

<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup>
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

Результат

Техническое описание

Категории контента	Нет.
Разрешенный контент	Ноль или более `<option>` элементов.
Пропуск тега	Начальный тег обязателен. Конечный тег необязателен, если этот элемент сразу же следует за другим элементом `<optgroup>` или если у родительского элемента больше нет контента.
Разрешенные родительские элементы	Элемент `<select>`.
Неявная роль ARIA	`group`
Разрешенные роли ARIA	Разрешенные роли ARIA нет `role`
Интерфейс DOM	`HTMLOptGroupElement`

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

Спецификация
Стандарт HTML # the-optgroup-element

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`optgroup`	1	12	1	15	≤4	18	4	14	≤3.2	1.0	4.4
`disabled`	1	12	1	15	≤4	18	4	14	≤3.2	1.0	4.4
`label`	1	12	1	15	≤4	18	4	14	≤3.2	1.0	4.4

См. также

Другие элементы, связанные с формами: <form>, <legend>, <label>, <button>, <select>, <datalist>, <option>, <fieldset>, <textarea>, <input>, <output>, <progress> и <meter>.

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup