Input Color value-Eigenschaft

HTML DOM Input Color-Objekt

Definition und Verwendung

value Eigenschaft setzt oder gibt den Wert des value-Attributs des Farbselektors zurück.

Die HTML value-Eigenschaft legt die Farbe des Farbselektors fest.

Anmerkung:Falls nichts festgelegt wurde, ist die Standardfarbe #000000 (schwarz).

Verwandte Seiten

HTML Anleitung:HTML-Farbe

HTML Referenzhandbuch:HTML <input> value-Eigenschaft

Beispiel

Beispiel 1

Farbe des Farbselektors ändern:

document.getElementById("myColor").value = "#FF8040";

Probieren Sie es selbst aus

Beispiel 2

Farbe des Farbselektors abrufen:

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

Probieren Sie es selbst aus

Beispiel 3

Ein Beispiel zur Unterschied zwischen den Attributen defaultValue und value:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Probieren Sie es selbst aus

Syntax

Rückgabe des value-Attributs:

colorObject.value

Setzen Sie das value-Attribut:

colorObject.value = #hexvalue

Attributswert

Wert Beschreibung
#hexvalue

Definiert die Farbe des Farbselektors.

Dieser Wert muss ein hexadezimaler (hex) Wert sein: Drei zwei-stellige Ziffern, die mit dem #-Zeichen beginnen (z.B. #FF8040).

Hinweis:Verwendung von Farbschlüsselwörtern (wie "rot" oder "blau") ist nicht erlaubt.

Anmerkung:Standardfarbe ist #000000 (schwarz).

Technische Details

Rückgabewert: Zeichenkettenwert, der eine Farbe darstellt.

Browserunterstützung

Die in der Tabelle angegebenen Zahlen geben die erste Version des Browsers an, 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.

HTML DOM Input Color-Objekt