optgroup — группа элементов списка

  • 7 августа 2023

Справочник

Анастасия Ткачева

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

<select>
  <optgroup label='Размеры'>
    <option value='s'>Маленький</option>
    <option value='m'>Средний</option>
    <option value='l'>Большой</option>
  </optgroup>
  <optgroup label='Цвета' disabled>
    <option value='red'>Красный</option>
    <option value='green'>Зелёный</option>
    <option value='blue'>Голубой</option>
  </optgroup>
</select>

Атрибут label создаёт подпись группы опций, а disabled — отключает группу опций.

⚠️ Тег <optgroup> может содержать только элементы <option>.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

Нажатие на кнопку — согласие на подписку

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники