HTML DOM Input Color Objekt

Color-Objekt

Das Color-Objekt ist ein neues Objekt in HTML5.

Das Color-Objekt stellt das HTML <input type="color">-Element dar.

Anmerkung:Internet Explorer und Safari unterstützen das Element <input type="color"> nicht.

Zugriff auf Color-Objekt

Sie können auf das <color>-Element zugreifen, indem Sie getElementById() verwenden:

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

Versuchen Sie es selbst

Hinweis:Sie können auch durch das Durchsuchen des Formulars elements Sammlung, um auf das Color-Objekt zuzugreifen.

Erstellen Sie Color-Objekt

Sie können das <color>-Element erstellen, indem Sie die Methode document.createElement() verwenden:

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

Versuchen Sie es selbst

Color-Objekt Eigenschaften

Eigenschaften Beschreibung
autocomplete Setzen oder Rückgabe des Wertes der autocomplete-Eigenschaft des Farb selectors.
autofocus Setzen oder Rückgabe, ob der Farb selector nach dem Laden der Seite automatisch den Fokus erhält.
defaultValue Setzen oder Rückgabe des Standardwerts des Farb selectors.
disabled Setzen oder Rückgabe, ob der Farb selector deaktiviert ist.
form Rückgabe auf das Formular, das den Farb selector enthält.
list Rückgabe auf das datalist, das den Farb selector enthält.
name Setzen oder Rückgabe des Namens des Farb selectors.
type Rückgabe des Formularelementtyps des Farb selectors.
value Setzen oder Rückgabe des Wertes der value-Eigenschaft des Farb selectors.

Standardeigenschaften und Ereignisse

Color-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML Tutorial:HTML Formular

HTML Referenzhandbuch:HTML <input> Tag

HTML Referenzhandbuch:HTML <input> type Eigenschaft