HTML-DOM Input-Color Objekt
Input-Color-Objekt
Das Input-Color-Objekt ist neu in HTML5.
Das Input-Color-Objekt repräsentiert ein HTML-<input>-Element mit dem Attribut type="color".
Hinweis:Internet Explorer- oder Safari-Browser unterstützen das Attribut type="color" bei <input>-Elementen nicht.
Zugriff auf ein Input-Color-Objekt
Sie können die Funktion getElementById() verwenden, um auf <input>-Elemente mit type="color" zuzugreifen:
var x = document.getElementById("myColor");
Ausprobieren
Tipp:Sie können auch über dieelements-Sammlung des Formulars auf das Input-Color-Objekt zugreifen.
Ein Input-Color-Objekt erstellen
Sie können die Methode document.createElement() verwenden, um ein <input>-Element mit type="color" zu erstellen:
var x = document.createElement("INPUT");
x.setAttribute("type", "color"); Ausprobieren
x.setAttribute("type", "color"); Ausprobieren
Eigenschaften des Input-Color-Objekts
| Eigenschaft | Beschreibung |
|---|---|
| autocomplete | Legt den Wert des autocomplete-Attributs des Farbwählers fest oder gibt ihn zurück. |
| autofocus | Legt fest oder gibt zurück, ob der Farbwähler den Fokus erhält, wenn die Seite geladen wird. |
| defaultValue | Legt den Standardwert des Farbwählers fest oder gibt ihn zurück. |
| disabled | Legt fest oder gibt zurück, ob der Farbwähler aktiviert ist. |
| Form | Gibt eine Referenz auf das Formular zurück, das den Farbwähler enthält. |
| Liste | Gibt eine Referenz auf die Datalist zurück, die den Farbwähler enthält. |
| name | Legt den Wert des name-Attributs des Farbwählers fest oder gibt ihn zurück. |
| type | Gibt den Formularelementtyp des Farbwählers zurück. |
| value | Legt den Wert des value-Attributs des Farbwählers fest oder gibt ihn zurück. |
Standardeigenschaften und -ereignisse
Das Input-Color-Objekt unterstützt auch standardmäßigeEigenschaftenundEreignisse.。
Ähnliche Artikel
HTML-Tutorial:HTML-Formulare
HTML-Referenzhandbuch:HTML-<input>-Tag
HTML-Referenzhandbuch:HTML-<input>-type-Attribut
Andere Erweiterungen