Information Technology Reference
In-Depth Information
und die Entwicklerversion von Google Chrome sind hier zu erwähnen), ist es
durch die rückwärtskompatible Syntax möglich, die neuen Formular-Elemente
schon heute unbedenklich einzusetzen.
3.1 Neue Input-Typen
Die HTML5-Spezifikation wertet das
input
-Element deutlich auf, indem es für
das
type
-Attribut mehrere neue Werte vorsieht. Die neuen Typen wie
date
,
color
oder
range
machen es einerseits für Browserhersteller möglich, bediener-
freundliche Eingabeelemente zur Verfügung zu stellen, andererseits kann der
Browser sicherstellen, dass die Eingaben vom gewünschten Typ sind. Erkennt
ein Browser den
type
des
input
-Elements nicht, so fällt er auf
type=text
zu-
rück und zeigt ein Textfeld an, was in jedem Fall hilfreich ist. Dieses Verhalten
zeigen auch ältere Browser, wodurch dem Einsatz der neuen Typen nichts im
Wege steht.
Den größten Nutzen werden wohl die Typen für Datum und Uhrzeit mit sich
bringen. Aktuell kursieren unzählige verschiedene Versionen von mehr oder
weniger gelungenen JavaScript-Kalendern im Internet. Egal ob Sie einen Flug
buchen, ein Hotel reservieren oder sich bei einer Tagung anmelden, die kom-
fortable Eingabe eines Datums ist ein Problem, das bisher immer Handarbeit
verlangte. Natürlich bieten JavaScript-Bibliotheken wie
jQuery
fertige Kalender
an, aber eigentlich sollte diese Funktion vom Browser direkt unterstützt wer-
den.
Im Sommer 2010 gab es nur einen Desktop-Browser, der ein grafisches Be-
dienungselement für die Datumseingabe mitlieferte, nämlich Opera. Abbil-
dung 3.1 zeigt den aufgeklappten Kalender, der beim Anklicken eines
input
-
Elements vom Typ
date
erscheint. Aber der Reihe nach - zuerst verschaffen
wir Ihnen in Tabelle 3.1 einen Überblick über die neuen Typen und zeigen Ihnen
dann in Abbildung 3.1 deren Umsetzung im Opera-Browser.
Typ
Beschreibung
Beispiel
tel
+49 6473 3993443
Text ohne Zeilenumbrüche
search
Text ohne Zeilenumbrüche
suchbegriff
url
eine absolute URL
http://www.example.com
