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

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

6. February 2020

Call up this page with a tester or browser of your choice to test the different input types of HTML.

The input elements shown here are displayed in the respective browser style and have, besides the browser default styles, only the CSS properties from normalize.css.

 

 

Input types for text input

text field – type=”text”

 

    Browser Support: Strong> is supported by all browsers.

  • specification

 

Password field — type=”password”

 

 

  • Browser support: Supported by all browsers.
  • Specification

Search field— type=”search”

 

 

Web address (URL) — type=”url”

 

 

E-mail address — type=”email”

 

 

Numbers / Numbers — type=”number”

 

 

Phone numbers — type=”tel”

 

 

Input types for selection and input
Date – type=”date”

 

 

Month— type=”month”

 

 

Week — type=”week”

 

 

Time — type=”time”

 

 

Date and time — type=”datetime-local”

 

 

Input types to select or set

Single slider — type=”range”

 

 

Selection field (Checkbox) — type=”checkbox”

 

 

Option field (Radiobutton) — type=”radio”

 

 

File upload — type=”file”

 

 

Colour — type=”color”

 

 

 

Button-Input-Types

Standard-Button — type=”button”

(here without indication of a label value)

 

 

Send button — type=”submit”

 

 

Reset button — type=”reset”

 

 

Picture button — type=”image”

(here without indication of a picture)

 

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

Comments

Tell us what you think! Reply now

Your email address will not be published. Required fields are marked *