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

Описание

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

Пример использования:
<select> <optgroup label="Доступные варианты"> <option>Вариант 1</option> </optgroup> <optgroup label="Скрытые варианты" hidden> <option>Секретный вариант</option> </optgroup> </select>

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

Состояние Видимость Доступность
Без атрибута Видна Доступна для выбора
С hidden Скрыта Недоступна

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

  • Используйте для временного скрытия групп опций
  • Не применяйте для важного контента - он остаётся в HTML-коде
  • Для динамического управления используйте JavaScript
  • Рассмотрите удаление вместо скрытия для конфиденциальных данных

Отличия от disabled:

  • hidden полностью скрывает группу
  • disabled показывает группу, но делает недоступной
  • Оба атрибута исключают опции из отправки формы

Ограничения:

  • Скрытые группы всё равно присутствуют в DOM
  • Не защищает данные от просмотра в исходном коде
  • В некоторых старых браузерах может работать некорректно

Примечание: Атрибут hidden следует использовать для временного скрытия неактуальных групп опций. Для постоянного скрытия или защиты данных лучше полностью удалять элементы или загружать их динамически при необходимости.