Web-Entwicklung für das iPhone: Tastaturlayout abhängig vom Eingabefeld ändern
Veröffentlicht: 3. Januar 2008, 14:15 Uhr
Wer Web-Anwendungen für das iPhone entwickelt dürfte sich schon länger gefragt haben ob es möglich ist das Tastaturlayout abhängig vom Eingabefeld zu ändern.
Die Webkit-Engine auf dem iPhone wurde diesbezüglich um wenige Features erweitert: So ist es möglich die Autokorrektur und die automatische Großschreibung nach einer Interpunktion zu deaktivieren. Des weiteren kann die Tastatur automatisch umgeschaltet werden sobald der Benutzer ein bestimmtes Eingabefeld auswählt.
Hier gibt es neben dem Standardlayout zwei weitere Möglichkeiten:
- Layout für die Eingabe von Telefonnummern (0-9, +#*)
- Layout für Zahlen und Sonderzeichen (ansonsten per “.?123” zu erreichen)
Um die Autokorrektur bzw. die automatische Großschreibung zu deaktivieren muss dem entsprechenden Eingabefeld die Eigenschaft autocorrect="off" bzw. autocapitalize="off" hinzugefügt werden.
Das Tastaturlayout läßt sich hingegen über die Eigenschaft name steuert. Mittels name="phone" wird die Telefontastatur aktiviert, per name="zip" hingegen die für Zahlen und Sonderzeichen. Dabei ist es egal was vor den Schlüsselwörtern “phone” und “zip” steht. Einzig danach darf kein weiterer Text mehr folgen.
Ein vollständiges Beispiel inklusive Quelltext und findet sich hier.