Zum Inhalt springen
skrabi.comProjekt starten ↗

Webentwicklung / ratgeber

Mobile Formulare: Eine passende Bildschirmtastatur ersetzt keine Eingabeprüfung

Ein Eingabefeld kann auf einem Smartphone eine Tastatur anbieten, die zur erwarteten Eingabe passt. Das HTML-Attribut inputmode gibt dafür einen Hinweis. Nach der MDN-Dokumentation legt es selbst jedoch keine Gültigkeitsregeln fest. Für ein gutes Formular müssen deshalb Tastaturhilfe, Beschriftung und tatsächliche…

Redaktionelles Symbolmotiv; keine Abbildung eines getesteten Einzelprodukts

Ein Eingabefeld kann auf einem Smartphone eine Tastatur anbieten, die zur erwarteten Eingabe passt. Das HTML-Attribut inputmode gibt dafür einen Hinweis. Nach der MDN-Dokumentation legt es selbst jedoch keine Gültigkeitsregeln fest. Für ein gutes Formular müssen deshalb Tastaturhilfe, Beschriftung und tatsächliche Prüfung zusammenpassen. Gerade bei Zahlen wirkt eine scheinbar bequeme Oberfläche sonst präziser, als sie wirklich ist.

Die Bedeutung des Feldes zuerst festlegen

Unterscheide zwischen einer Zahl, mit der gerechnet wird, und einer Kennung, die nur aus Ziffern besteht. Eine Postleitzahl ist beispielsweise nicht schon deshalb ein Rechenwert, weil sie Ziffern enthält. Lege fest, ob führende Nullen, Vorzeichen oder Trennzeichen eine Bedeutung haben. Diese fachliche Entscheidung gehört vor die Auswahl der Tastatur. Ein Feld wird durch seinen visuellen Eindruck nicht automatisch zum geeigneten Datentyp.

Eine Tastaturhilfe als Hilfe behandeln

Wähle einen zu der vorgesehenen Aufgabe passenden Hinweis und kontrolliere die Darstellung auf den tatsächlich unterstützten Geräten. Die angebotene Tastatur kann sich nach Browser, Betriebssystem und Sprache unterscheiden. Ein Test auf einem einzigen Smartphone belegt keine identische Darstellung überall. Prüfe außerdem eingefügte Texte, denn Nutzer geben Werte nicht ausschließlich über die Bildschirmtastatur ein. Eine gespeicherte oder kopierte Zeichenfolge muss denselben fachlichen Regeln folgen wie eine direkt getippte Eingabe.

Fehler verständlich erklären

Die Prüfung sollte sagen, was für dieses Feld benötigt wird. Ein allgemeines ungültig hilft wenig, wenn unklar bleibt, ob ein Komma, eine Länderkennung oder eine bestimmte Länge erwartet wird. Erhalte die bisherige Eingabe so weit sinnvoll, damit nicht alles neu geschrieben werden muss. Die entscheidenden Regeln müssen auch an der Stelle gelten, an der Daten tatsächlich verarbeitet werden. Eine freundliche Oberfläche allein ist keine verlässliche Datenprüfung.

Mit unterschiedlichen Eingabewegen abnehmen

Teste eine normale Eingabe, einen eingefügten Wert und eine fachlich unzulässige Zeichenfolge. Prüfe dabei Beschriftung, Fehlermeldung und den gespeicherten Inhalt gemeinsam. Dieser kleine Ablauf macht die Trennung sichtbar: Die Tastatur erleichtert einen Weg, die fachlichen Regeln bestimmen die Bedeutung. Ein Formular ist erst dann verständlich, wenn beide zusammenarbeiten und Menschen auch bei einem Fehler erkennen können, wie sie die Aufgabe abschließen sollen.

Quellen & Aktualität

Quellen geprüft am 2026-11-01. Herstellerangaben sind als solche eingeordnet. Produktdetails können sich nach diesem Stand ändern.