HTML <optgroup> тег

  • Предыдущая страница <ol>
  • Следующая страница <option>

Определение и использование

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

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

Дополнительная информация:

Руководство HTML DOM:Объект OptionGroup

Пример

Использование <optgroup> Теги группируют связанные опции:

<label for="cars">请选择一个汽车品牌：</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="Немецкие автомобили">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Попробуйте сами

Свойство

Свойство Значение Описание
disabled disabled Определяет, должна ли группа вариантов быть отключена.
label Текст Определяет тег группы вариантов.

Глобальные свойства

<optgroup> Тег также поддерживает Глобальные свойства HTML.

Свойства событий

<optgroup> Тег также поддерживает Свойства событий в HTML.

Стандартные настройки CSS

Нет.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <ol>
  • Следующая страница <option>