HTML тег optgroup

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

Если список вариантов выбора достаточно велик, то подобное группирование помогает пользователю определиться с выбором.

Атрибуты тега <optgroup>

АтрибутОписание
disabledОтключает группу вариантов выбора в выпадающем списке
labelОпределяет текстовую метку группы пунктов списка

Общие атрибуты

Тег <optgroup> поддерживает общие атрибуты и атрибуты-события.

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

Группируем родственные варианты выбора:


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