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

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

Атрибут disabled (HTML тега <button>) является логическим атрибутом и указывает, что кнопка должна быть отключена (недоступна для взаимодействия с пользователем). Атрибут используется совместно со скриптами, например, пока какое-то условие не выполнено элемент неактивен.

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

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

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

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

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

Совместимостьhtml.elements.button.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	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2

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

Синтаксис:

<button disabled>

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

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования атрибута disabled HTML тега <button></title>
  </head>
  <body>
    <button type="button">Элемент активен</button>
    <!-- элемент используется в качестве кнопки -->
    <button type="button" disabled>Элемент отключен</button>
    <!-- кнопка отключена -->
  </body>
</html>

В данном примере мы указали для второго элемента <button> с типом кнопка (type = "button") атрибут disabled, который отключает элемент и не дает нам кликнуть по кнопке.

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

    <title>Пример использования атрибута disabled HTML тега &lt;button&gt;</title>
    <link rel="stylesheet" href="style.css"
  /></head>
  <body>
    <button type="button">Элемент активен</button>
    <button type="button" disabled="">Элемент отключен</button>
  </body></html
>