<optgroup>
HTML-элемент <optgroup>
позволяет группировать опции, находящиеся внутри элемента <select>
.
Категории контента | Нет |
---|---|
Допустимый контент | Ноль или более <option> элементов. |
Пропуск тегов | Открывающий тег обязателен. Закрывающий тег может быть опущен, если сразу после элемента находится следующий элемент <optgroup> , или если это последний элемент внутри родителя. |
Допустимые родители | Элемент <select> |
Допустимые ARIA-роли | Нет |
DOM-интерфейс | HTMLOptGroupElement (en-US) |
Примечание:
Элементы 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>' в этой спецификации. |
Рекомендация |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Элементы, имеющие отношение к формам:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
, <textarea> (en-US), <keygen> (en-US),<input>
,<output>
,<progress>
и<meter>
.