This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<optgroup>
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
* Some parts of this feature may have varying levels of support.
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>Результат
Спецификации
| Specification |
|---|
| HTML # the-optgroup-element |
Совместимость с браузерами
Смотрите также
- Элементы, имеющие отношение к формам:
<form>,<legend>,<label>,<button>,<select>,<datalist>,<option>,<fieldset>,<textarea>,<input>,<output>,<progress>и<meter>.