HTML5

Kapitel 3: Intelligente Formulare

Auf dieser Seite finden Sie alle im Buch HTML5: Leitfaden für Webentwickler verwendeten Beispiele, Grafiken und Links für dieses Kapitel. Die erste Tabelle listet Beispiele und Grafiken mit Seitenzahlen im Buch auf, stellt Links (sofern relevant) zur Online-Version der Seite sowie Angaben zur Browserkompatibilität bereit und zeigt eine Vorschau der Abbildung im Buch. Beim Klick auf dieses Vorschaubild wird die Abbildung in Originalgröße im Format JPEG geladen. Die zweite Tabelle listet alle URLs auf, die im Buch auf den jeweiligen Seiten genannt sind. Für Feedback und Bug-Reports stehen ihnen E-Mail sowie ein eigenes Ticket-System zur Verfügung, in dem Sie neue Kommentare absetzen und bestehende Kommentare / Errata auch Online mitverfolgen können.

Seite	Beispiel / Grafik	Screenshot
56	Abbildung 3.1: Opera ist bei der Implementierung von neuen Formular-Input-Typen bereits sehr weit. Erstellt mit Opera 10.60
58	Abbildung 3.2: Safari mit dem Input-Typ »range« Erstellt mit Safari 5
59	Abbildung 3.3: Unterstützung neuer Formular-Input-Typen auf einem Android 2.1-Telefon mit den Browsern Webkit (links, Mitte) und Opera (rechts) Erstellt mit Chrome/Opera Mini 4
60	Abbildung 3.4: Die neuen input-Typen auf einem BlackBerry-Smartphone (BlackBerry 9800-Simulator) Erstellt mit Blackberry (Webkit)
61	Abbildung 3.5: Das »placeholder«-Attribut in Google Chrome Erstellt mit Chrome 6
66	Abbildung 3.6: Das »meter«-Element und ähnliche Möglichkeiten zur Darstellung eines Zustandes Erstellt mit Chrome 6
69	Abbildung 3.7: Opera mit der Darstellung eines »datalist«-Elements Erstellt mit Opera 10.60
71	Abbildung 3.8: Eine Kombination aus »input«- und »select«-Elementen als Fallback für ältere Browser (hier Internet Explorer 8) Erstellt mit IE 9b
73	Abbildung 3.9: Auswahl der Schlüssellänge in Google Chrome Erstellt mit Chrome 6
73	Abbildung 3.10: Der öffentliche Schlüssel des »keygen«-Elements, dargestellt in Firebug Erstellt mit Firefox 4.0b
74	Abbildung 3.11: Zwei »output«-Elemente zeigen die Anzahl der Produkte und deren Gesamtpreis an. Erstellt mit Opera 10.60
77	Abbildung 3.12: Die Fehlermeldung bei einem leeren Eingabefeld mit dem Attribut »required« (Opera) Erstellt mit Opera 10.60
77	Abbildung 3.13: Die Fehlermeldung von Opera beim Eingeben einer ungültigen E-Mail-Adresse Erstellt mit Opera 10.60
80	Abbildung 3.14: Opera zeigt die Fehlermeldung für eine inkorrekte Zeiteingabe (in diesem Fall eine Verletzung des »step«-Attributs) Erstellt mit Opera 10.60
82	Abbildung 3.15: Opera zeigt die Fehlermeldung bei einer manuellen Fehlerbehandlung (Überprüfung der E-Mail-Domain) Erstellt mit Opera 10.60
84	Abbildung 3.16: Das fast fertig ausgefüllte Support-Formular Erstellt mit Chrome 6

Seite	URL
64	http://de.wikipedia.org/wiki/Regulärer_Ausdruck
64	http://www.regexe.de/
73	http://de.wikipedia.org/wiki/Public-Key-Infrastruktur
73	http://de.wikipedia.org/wiki/Challenge-Response-Authentifizierung