HTML тег <optgroup>

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

Описание

HTML тег <optgroup> представляет собой контейнер, внутри которого располагаются теги <option> и используется для группировки связанных логически вариантов в выпадающем списке.

Тег <optgroup> не выделяется, как обычный элемент списка, а выглядит как заголовок жирного начертания. Все элементы (тег <option>), входящие в этот контейнер, смещаются немного вправо от своего исходного положения.

Атрибуты

disabled:

Указывает, что элементы списка, сгруппированные с помощью тега <optgroup> будут не доступны для выбора (все элементы группы будут неактивны). Возможные значения логического атрибута disabled:

<optgroup disabled>
<optgroup disabled="">
<optgroup disabled="disabled">

Пример »

label:

Указывает текст, который будет отображаться в выпадающем списке в виде заголовка для группы элементов. Пример »

Тег <optgroup> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

Нет.

Пример

<select>
  <optgroup label="Шведские машины">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="Немецкие машины">
    <option value="vw">VW</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Результат данного примера в окне браузера: