Eingabetypen in HTML

Das <input>-Element ist eines der am häufigsten genutzten Formularelemente in HTML. Der Typ bestimmt, welche Art von Daten der Benutzer eingeben soll. Hier siehst du die gängigsten Typen mit Beispielen.

type="text"

Ein einfaches Textfeld. Geeignet für Namen, Adressen oder andere kurze Texte.

type="email"

Für E-Mail-Adressen. Moderne Browser prüfen das Format automatisch.

type="password"

Ein Passwortfeld, bei dem die Eingabezeichen verborgen bleiben. Wird für sichere Logins verwendet.

type="number"

Erlaubt nur numerische Eingaben. Du kannst Mindest- und Höchstwerte festlegen.

type="date"

Ein Datumsfeld, bei dem der Benutzer ein Datum aus einem Kalender auswählen kann.

type="file"

Ermöglicht das Hochladen einer Datei vom Gerät des Benutzers.

type="checkbox"

Ein einfaches Kontrollkästchen, das aktiviert oder deaktiviert sein kann. Ideal für Mehrfachauswahl.

type="radio"

Ein Optionsfeld, bei dem nur eine Auswahl pro Gruppe möglich ist. Die Gruppierung erfolgt über das gleiche 'name'-Attribut.

type="range"

Ein Schieberegler zum Auswählen eines Wertes innerhalb eines Bereichs. Du kannst Minimum und Maximum angeben.

type="color"

Ein Farbfeld, das beim Anklicken eine Farbpalette öffnet.