Атрибут disabled Input Color

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

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

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

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

Дополнительная информация:

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

Пример

Пример 1

Отключить цветовой селектор:

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

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

Пример 2

Проверить, отключен ли цветовой селектор:

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

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

Пример 3

Отключение и включение цветового селектора:

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

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

Синтаксис

Возвратить атрибут disabled:

colorObject.disabled

Установить атрибут disabled:

colorObject.disabled = true|false

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

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

Определяет, должен ли быть отключен цветовой селектор.

  • true - цветовой селектор отключен
  • false - по умолчанию. Цветовой селектор не отключен

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

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

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

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

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

Внимание:Элемент <input type="color"> не показывает ningún selector de colores en Internet Explorer и Safari.