Свойство disabled кнопки ввода

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

disabled Свойство устанавливает или возвращает, должно ли быть отключен ввод кнопки.

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

Эта свойство отражает атрибут HTML disabled.

См. также:

HTML справочник:Атрибут disabled для <input> в HTML

Пример

Пример 1

Отключить кнопку:

document.getElementById("myBtn").disabled = true;

Попробуйте сами

Пример 2

Проверка, отключена ли кнопка:

var x = document.getElementById("myBtn").disabled;

Попробуйте сами

Пример 3

Отключение и включение кнопки:

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function undisableBtn() {
    document.getElementById("myBtn").disabled = false;
}

Попробуйте сами

Грамматика

Вернуть значение свойства disabled:

buttonObject.disabled

Установить свойство disabled:

buttonObject.disabled = true|false

Значение свойств

Значение Описание
true|false

Определяет, должен ли быть отключен элемент ввода

  • true - кнопка отключена
  • false - по умолчанию. Кнопка не отключена

Технические детали

Возвратное значение: Булево значение, если кнопка отключена, возвращает trueв противном случае возвращает false.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка