САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <option> атрибут disabled

❮ HTML <option> тег

Пример

Выпадающий список с одним отключенным параметром:

<label for="cars">Выберите автомобиль:</label>

<select id="cars">
  <option value="volvo" disabled>Вольво</option>
  <option value="saab">Сааб</option>
  <option value="vw">Фольцваген</option>
  <option value="audi">Ауди</option>
</select>
Попробуйте сами »

Определение и использование

Атрибут disabled является логическим атрибутом.

Когда он присутствует, он указывает, что опция должна быть отключена.

Отключенная опция непригодна для использования и не кликабельна.

Атрибут disabled может быть установлен так, чтобы пользователь не мог выбрать этот параметр до тех пор, пока не будет выполнено какое-либо другое условие (например, выбор флажка и т.д.). Затем требуется JavaScript, чтобы удалить отключенное значение и сделать этот параметр выбираемым.


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
disabled Да 8.0 Да Да Да

Синтаксис

<option disabled>

❮ HTML <option> тег