Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Теги HTML

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>

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

Пример использования тега <optgroup>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru | ruen