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

Описание

Атрибут disabled для тега <optgroup> отключает всю группу опций в выпадающем списке, делая их недоступными для выбора. Это булевый атрибут - его наличие отключает группу, независимо от значения.

Пример использования:
<select> <optgroup label="Доступные варианты"> <option>Вариант 1</option> <option>Вариант 2</option> </optgroup> <optgroup label="Недоступные варианты" disabled> <option>Вариант A</option> <option>Вариант B</option> </optgroup> </select>

Особенности работы:

Состояние Визуальное отображение Доступность для выбора
Активная группа Обычный текст Опции доступны
Отключенная группа (disabled) Бледный/серый текст Опции недоступны

Рекомендации по использованию:

  • Используйте для логического группирования недоступных опций
  • Сочетайте с осмысленным label, объясняющим причину недоступности
  • Для отдельных неактивных опций используйте disabled на <option>
  • Учитывайте, что отключенные элементы не отправляются с формой

Стилизация отключенной группы:

<style> optgroup[disabled] { color: #999; font-style: italic; } optgroup[disabled] option { color: #ccc; } </style> <select> <optgroup label="Активные опции"> <option>Выбор 1</option> </optgroup> <optgroup label="Неактивные опции" disabled> <option>Выбор A</option> <option>Выбор B</option> </optgroup> </select>

Особенности доступности:

  • Отключенные группы пропускаются при навигации с клавиатуры
  • Скринридеры объявляют статус "недоступно"
  • Рекомендуется добавлять текстовое пояснение для пользователей

Примечание: Атрибут disabled для <optgroup> следует использовать осмотрительно, чтобы не создавать неудобств пользователям. Рассмотрите возможность скрытия действительно недоступных опций вместо их отключения, если это уместно в вашем интерфейсе.