<optgroup>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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 Standard # the-optgroup-element |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Элементы, имеющие отношение к формам:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
,<textarea>
,<input>
,<output>
,<progress>
и<meter>
.