Input Color disabled-Eigenschaft

Definition und Verwendung

disabled Eigenschaftsetzen oder Rückgabe, ob der Farbselector deaktiviert werden sollte.

Deaktivierte Elemente sind nicht verfügbar und klickbar. Standardmäßig werden deaktivierte Elemente im Browser oft in Grau dargestellt.

Dieser Eigenschaftswert spiegelt das HTML-Attribut disabled wider.

Weitere Informationen:

HTML-Referenzhandbuch:HTML <input> disabled-Eigenschaft

Beispiel

Beispiel 1

Deaktivieren Sie den Farbselector:

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

Probieren Sie es selbst aus

Beispiel 2

Überprüfen Sie, ob der Farbselector deaktiviert ist:

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

Probieren Sie es selbst aus

Beispiel 3

Deaktivieren und Aktivieren des Farbselectors:

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

Probieren Sie es selbst aus

Syntax

Rückgabe des Attributs disabled:

colorObject.disabled

Setzen Sie das Attribut disabled:

colorObject.disabled = true|false

Attributwert

Wert Beschreibung
true|false

Definiert, ob der Farbselector deaktiviert werden sollte.

  • true - Der Farbselector ist deaktiviert
  • false - Standard. Der Farbselector ist nicht deaktiviert

Technische Details

Rückgabewert: Boolean-Wert, wird zurückgegeben, wenn der Farbselector deaktiviert ist true, wird sonst false.

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen beziehen sich auf die erste Version des Browsers, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 10.0 Unterstützt Unterstützt Unterstützt

Hinweis:Das <input type="color">-Element zeigt in Internet Explorer und Safari keine Farbauswahl an.