Weitere Eingabetypen

Wir kennen schon die Typen text und password. Das Attribut type hat noch viele weitere Werte, und der Browser passt das Eingabefeld jeweils an. Hier sind einige davon und wie sie aussehen:

• type="email" für eine E-Mail-Adresse. Auf Handys zeigt die Tastatur das @-Zeichen, und beim Abschicken des Formulars prüft der Browser, ob der Text wie eine E-Mail-Adresse aussieht.
• type="number" für Zahlen.
• type="date" für ein Datum, das der Nutzer in einem Kalender auswählen kann.
• type="range" um mit einem Schieberegler einen Wert aus einem Bereich zu wählen.

In den nächsten Übungen schauen wir uns Radiobuttons, Checkboxen, Dropdown-Listen und längere Texte an.

Jetzt fügen wir unserem Formular eine E-Mail-Adresse hinzu. Jedes Eingabefeld braucht eine Beschriftung, also vergiss sie nicht.