DEV Community

vimal krush
vimal krush

Posted on

Input types in HTML

Textual Input Types

Type Description:

--> text Single-line text input.

--> password Text input that hides the characters (e.g., for passwords).

--> email Input for email addresses (with validation).

--> search Input field for search queries.

--> tel Input for telephone numbers.

--> url Input for website URLs (with validation).

Number-Related Input Types

Type Description:

--> number Input for numeric values (can include min, max, and step).

--> range Slider input for selecting a number in a range.

Date and Time Input Types

Type Description:

--> date Select a date (YYYY-MM-DD).

--> month Select a month and year.

--> time Select a time (hh:mm).

--> datetime-local Select date and time (no timezone).

File and Media Input Types

Type Description:

--> file Allows file selection/upload.

--> image Submit button as an image.

Selection Input Types

Type Description:

--> checkbox Select one or more options (toggle on/off).

--> radio Select only one option in a group.

--> select Dropdown list (not an , but often used with them

Top comments (0)