HTML Input Types Test-Seite

Scanne den QR-Code, um diese Seite aufzurufen

Rufe diese Seite mit einem Testgerät bzw. Browser deiner Wahl auf, um die verschiedenen Input Types von HTML zu testen.

Die hier dargestellten Input-Elemente werden in dem jeweiligen Browser-Stil dargestellt und haben neben den Browser-Default-Styles lediglich die CSS-Eigenschaften aus der normalize.css.

Input-Types zur Texteingabe

Textfeld — type="text"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Passwortfeld — type="password"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Suchfeld — type="search"


Web-Adresse (URL) — type="url"


E-Mail-Adresse — type="email"


Zahlen/Nummern — type="number"


Telefonnummern — type="tel"

Input-Types zur Auswahl und Eingabe

Datum — type="date"


Monat — type="month"


Woche — type="week"


Uhrzeit — type="time"


Datum und Uhrzeit — type="datetime-local"

Input-Types zum Auswählen bzw. Einstellen

Einfach-Slider — type="range"


Auswahlfeld (Checkbox) — type="checkbox"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Optionenfeld (Radiobutton) — type="radio"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Dateiupload — type="file"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Farbe — type="color"

Button-Input-Types

Standard-Button — type="button"

(hier ohne Angabe einer Beschriftung value)

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Senden-Button — type="submit"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Zurücksetzen-Button — type="reset"

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Bild-Button — type="image"

(hier ohne Angabe eines Bildes)

  • Browser-Support: Wird von allen Browsern unterstützt.
  • Spezifikation

Kommentar abgeben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.