HTML Input Types Testseite mit form, button, date, password, file und weiteren Einträgen.

HTML Input Types Testseite | form, button, date, password, file etc.

25. November 2018

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.

Noch Fragen offen?

 

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

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Kommentare

Sag uns deine Meinung! Jetzt antworten

Deine E-Mail-Adresse wird nicht veröffentlicht.