Was ist Input-Typen?

Kurz-Fakten

• Der Rückfall auf text bei unbekanntem Typ ist in der Spezifikation vorgesehen und macht neue Typen gefahrlos einsetzbar
• type="email" und type="url" prüfen das Format grob und öffnen passende Tastaturen
• type="number" eignet sich nur für echte Zahlen – für Telefonnummern und Postleitzahlen ist tel richtig
• Zusammengehörende Radiofelder brauchen denselben name, sonst schließen sie sich nicht gegenseitig aus
• type="hidden" ist nicht sicher: der Wert steht im Quelltext und lässt sich ändern

Einordnung für die Praxis

Der größte Gewinn liegt auf dem Mobilgerät. Ein Feld mit type="email" blendet die Tastatur mit At-Zeichen ein, type="tel" den Ziffernblock. Das spart pro Formular mehrere Fehleingaben – ohne eine Zeile JavaScript.

Die häufigste Fehlwahl ist number für Postleitzahlen: Führende Nullen fallen weg, und manche Browser zeigen Pfeile zum Hoch- und Runterzählen, die hier keinen Sinn ergeben.

Verwandte Begriffe

• Formularelemente Ein Formular besteht aus dem form-Element als Rahmen und den Feldern darin: input,…
• Formularvalidierung Die eingebaute Formularvalidierung prüft Eingaben im Browser, bevor ein Formular…
• label-Element Das label-Element beschriftet ein Formularfeld und verbindet sich mit ihm – entweder…
• button-Element Das button-Element erzeugt eine Schaltfläche mit Beschriftung aus seinem Inhalt.…