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

Описание

Атрибут hidden позволяет скрыть элемент <option> из выпадающего списка. Это булевый атрибут — его наличие скрывает опцию, независимо от значения.

Пример использования:
<select> <option hidden>Скрытая опция</option> <option>Видимая опция 1</option> <option>Видимая опция 2</option> </select>

Основные характеристики:

Характеристика Описание
Видимость Полностью скрывает опцию в списке
Доступность Не отображается и недоступна для выбора
Форма Значение не отправляется при submit

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

  • Используйте для временного скрытия опций
  • Не применяйте для важных опций — они остаются в DOM
  • Для постоянного удаления используйте JavaScript (remove)
  • Сочетайте с disabled для placeholder-опций

Отличия от disabled:

Атрибут Видимость Доступность
hidden Полностью скрыта Недоступна
disabled Видна Недоступна

Особенности браузеров:

  • Chrome/Edge: полная поддержка
  • Firefox: полная поддержка
  • Safari: возможны визуальные артефакты
  • Mobile: поддержка зависит от версии ОС

Примечание: Для сложных сценариев фильтрации опций рекомендуется полностью удалять ненужные элементы через remove(), а не просто скрывать их, чтобы избежать накопления скрытых элементов в DOM.