Introduction:

Input elements in HTML are used to take inputs from the users.

There are many input types:

Button:

Input type "button" is used to add a push button.

Checkbox:

Input type "checkbox" is used to give checkboxes to select one or more options.

Date:

Input type "date" is used to enter the date as user input.

Email:

Input type "email" is used to add an email address in the input field.

File:

This input type is used to upload a file.

Hidden:

This input type is used for the input which is uploaded to the server but is also not displayed in the user interface.

Image:

The image input type is used as a graphical submit button.

Number:

The input type number is used to add numeric input.

Password:

This input type is used to add passwords in the input field.

Radio:

This input type is like a checkbox. But in a checkbox, you can select multiple values and in a radio button, you can only select a single value. E.g. In a radio device, you can select just only a single radio station.

Range:

This input type is used to select a value that is between a given maximum and a minimum value.

Reset:

This input type is used to reset all the values of all input fields to their default value.

Search:

This is used to add search strings.

Submit:

This is a button that is used to submit all the input fields entered by the user.

All these cover input types in HTML.

If you want to know more you can refer to Mdn input types

Image credits:

All of the images were taken from Mdn docs.

If you want an actual demo of input fields, you can check my code from Github.