/html/optgroup:> Группировка пунктов раскрывающегося списка_

Элемент optgroup

Синтаксис

(X)HTML
<select>
  ...
  <optgroup label="...">
    ...
    <option> ... </option>
    ...
  </optgroup>
  ...
</select>

Описание

Элемент optgroup (от англ. "options group" ‒ «группа вариантов») группирует пункты в раскрывающемся списке. В данный элемент допускается вкладывать только элементы option, а сам optgroup должен быть вложен в элемент select. В итоге для каждого optgroup веб-браузер в раскрывающемся списке создаёт своё подменю. При этом заголовок подменю выделяется полужирным шрифтом, а все вложенные в него пункты списка немного смещаются вправо.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 17.6.1 Pre-selected options
DTD: Transitional Strict Frameset
5.0 4.10.9 The optgroup element
5.1 4.10.9. The optgroup element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

disabled
Блокирует группу элементов.
label
Заголовок группы элементов.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент optgroup</title>
</head>
<body>
<h1>Пример использования элемента "optgroup"</h1>
<p>Версии (X)HTML спецификаций:</p>
<select>
<optgroup label="HTML">
<option>HTML2.0</option>
<option>HTML3.2</option>
<option>HTML4.01</option>
<option>HTML5</option>
</optgroup>
<optgroup label="XHTML">
<option>XHTML1.0</option>
<option>XHTML1.1</option>
</optgroup>
</select>
</body>
</html>
Элемент optgroup