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

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

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

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
disabled	Да	Да	Да	Да	Да	Да

Синтаксис:

<button disabled>

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

Значение	Описание
disabled	Значение атрибута требуется только в XHTML (<button disabled = "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, который отключает элемент и не дает нам кликнуть по кнопке.

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

HTML тег <button>