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

Значение и применение

Логический атрибут disabled (HTML тега <select>) указывает, что выпадающий список должен быть отключен.

Как правило, используется совместно со скриптами, например, пока какое-то условие не выполнено список не доступен.

Поддержка браузерами

Спецификация: multipage

✓Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.select.disabled

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
disabled	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2

✓ поддерживается◐ с ограничениями× нет поддержки? нет данных≤31 — не позднее версии 31

Синтаксис:

<select disabled>

Значения атрибута

Отличия HTML 4.01 от HTML 5

Пример использования

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования атрибута disabled HTML тега <select></title>
  </head>
  <body>
    <select name="firstlist" disabled>
      <!-- список отключен -->
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <select name="secondlist" multiple>
      <!-- список с возможностью выбора нескольких значений -->
      <option value="A">A</option>
      <option value="B">B</option>
      <option value="C">C</option>
      <option value="D">D</option>
    </select>
  </body>
</html>

В этом примере мы создали два раскрывающихся списка. Для первого списка мы использовали атрибут disabled, который не дает взаймодействовать со списком (отключает его).

Для второго списка мы использовали атрибут multiple, который указывает, что допускается выбрать в списке несколько вариантов сразу (через Ctrl в Windows и через Command в Mac).

В браузере это выглядит следующим образом:

<!DOCTYPE html>
<html
  ><head>
    <meta charset="UTF-8" />

    <title>Атрибуты disabled и multiple тега &lt;select&gt;</title>
    <link rel="stylesheet" href="style.css"
  /></head>
  <body>
    <select name="firstlist" disabled="">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <select name="secondlist" multiple="">
      <option value="A">A</option>
      <option value="B">B</option>
      <option value="C">C</option>
      <option value="D">D</option>
    </select>
  </body></html
>