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

Описание

Атрибут disabled отключает элемент <select>, делая его неактивным для пользователя. Отключенный элемент нельзя выбрать, изменить или отправить в форме.

Пример использования:
<select disabled> <option>Недоступный выбор</option> <option>Этот список нельзя выбрать</option> </select>

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

  • Делает элемент полностью неинтерактивным
  • Значение отключенного select не отправляется при отправке формы
  • По умолчанию имеет серый цвет в большинстве браузеров
  • Может быть изменен через JavaScript динамически

Рекомендации:

  • Используйте для временно недоступных полей
  • Сочетайте с поясняющим текстом для пользователей
  • Для лучшего UX показывайте причину отключения
  • Рассмотрите использование readonly для альтернативного поведения

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

  • Не поддерживает стилизацию состояния :disabled во всех браузерах одинаково
  • Может запутать пользователей без визуальных подсказок
  • Не блокирует изменение значения через JavaScript

Стилизация отключенного элемента:

<style> select:disabled { opacity: 0.7; background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; } </style> <select disabled> <option>Отключенный список с кастомными стилями</option> </select>