Formular Workshop
Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
.: Startseite
.: Formulare einbinden .: Eingabefelder .: Eingabebereiche .: Auswahllisten .: Radiobuttons .: Checkboxen .: Formulare senden
.: Kontaktformular .: Feedbackformular .: Supportformular
.: Formulare & HTML5 .: JavaScript-Ecke .: FAQ
.: Gästebuch .: Impressum
.: Unterstützen .: Verlinken
.: Formulare einbinden .: Eingabefelder .: Eingabebereiche .: Auswahllisten .: Radiobuttons .: Checkboxen .: Formulare senden
.: Kontaktformular .: Feedbackformular .: Supportformular
.: Formulare & HTML5 .: JavaScript-Ecke .: FAQ
.: Gästebuch .: Impressum
.: Unterstützen .: Verlinken
HTML5 Eingabetyp ''
tel''type="tel"
Stand:
HTML5 bringt den Eingabetyp "
tel" mit.Ebenfalls wie der Eingabetyp "
email" lässt sich schnell erraten, was in dieses Feld einzufügen ist.Beispiel:
Quelltext-Auszug:
<input type="tel" name="Telefonnummer" size="20">
Bei der Nutzung dieses Feldes muss beachtet werden, dass keine Überprüfung des Syntax - also auf eine Telefonnummer - stattfindet. Um eine Eingabe auf eine Telefonnummer zu überprüfen, kann man das
pattern Attribut und regulären Ausdrücken nutzen.Oder man schaut sich das Kapitel der Formularüberprüfung von Telefonnummern an ;-)
Wozu also ein neuer Eingabe-Typ?
Da immer mehr Smartphones und Tablets Websites aufrufen, ist es für den einzelnen Nutzer mühsam zwischen der "Buchstaben-Tastatur" und "Zahlen-Tastatur" zu wechseln, wenn nur Zahlen erforderlich sind. Daher wurde das
type="tel" Attribut kreiert.↑ zum Seitenanfang ↑