Intelligente Formulare - HTML5 - page 44

Abbildung 3.2: Safari mit dem Input-Typ »range«

3.1.5 Der Input-Typ »color«

Leider gänzlich ohne Implementierung ist der neue Typ color . Ähnlich wie
bei dem Typ date gibt es auch hier schon etliche Versuche in JavaScript; im
Vergleich zum Datum ist die Farbauswahl aber wesentlich seltener notwen-
dig. Zukünftige Implementierungen im Browser werden aber wahrscheinlich
einen Farbwähler vorsehen, wie man ihn von Bildbearbeitungsprogrammen
her kennt. Der Wert für das input -Element muss die 8-Bit-Rot-, -Grün- und
-Blau-Werte in hexadezimaler Notation mit führendem # -Zeichen enthalten.
Die Farbe Blau wird in dieser Notation zum Beispiel als #0000ff geschrieben.

3.1.6 Die neuen Input-Typen im Einsatz

Genug der Theorie. In einem ersten Beispiel werden alle neuen Elemente un-
tereinander dargestellt. Da das allein noch keine besondere Herausforderung
darstellt, soll jedes Element noch auf seine Funktion geprüft werden. Der Trick
dabei ist, dass der Browser den Typ eines unbekannten Elements auf text setzt,
und diese Eigenschaft können wir in JavaScript abfragen:
<script>
window.onload = function() {
inputs = document.getElementsByTagName("input");
for (var i=0; i<inputs.length; i++) {
if (inputs[i].type == "text") {
inputs[i].value = "nicht erkannt";
}
}
}
</script>