optgroup

Оновлено: 23.06.2022

<optgroup>

Елемент <optgroup> (від англ. option group — група варіантів) являє собою контейнер, всередині якого розташовуються елементи <option>, об'єднані в одну групу. Особливістю <optgroup> є те, що він не виділяється як звичайний елемент списку, акцентується за допомогою жирного зображення, а всі елементи, що входять в цей контейнер, зміщуються вправо від свого вихідного положення.

Синтаксис

<select>
 <optgroup label="<текст>">
 <option>...</option>
 </optgroup> 
</select>

Закриваючий тег

Обов'язковий.

Атрибути

  • Атрибут disabled

    Атрибут disabled

    Блокує доступ до групи списку.

  • Атрибут label

    Атрибут label
    Обязательный

    Текст, який буде входити до списку у вигляді заголовка групи.

Для цього елемента універсальні атрибути та події.

Приклад

Результат цього прикладу показано на рис. 1.

Рис. 1. Вид списку

Браузери

optgroup

Переглянути сумісність з Can I use?

optgroup