HTML input types with examples

Simply, we can say that
Input is any raw data taken by the user.
In HTML, there are many input types which can be used to obtain various types of data from the user. Some of them are explained below:

■Input types:-

 
 ●Text
 ●Number
 ●Password
 ●Email
 ●Checkbox
 ●Radio
 ●Button
 ●Color
 ●Date
 ●Search
 ●Time
 ●URL
 ●Week
 
Click the above links to jump to the specified section

Type=text

>>>This input type receives input from the user in the form of plain text. The plain text may be a name or description about anything.

Syntax:- <input type=text>

Type=number
>>>This input type takes input from the user in the form of number from 0-9. You can also assign the minimum and maximum input values.

Syntax:- <input type=number>

Type=password
>>>This input type takes input from the user in the form of password. The entered characters may be text, numbers or special characters and they are displayed in the form of either bold dots or asteriks.

Syntax:- <input type=password>

Type=email
>>>Thus input type takes input from the user in the form of email. It should contain '@'.

Syntax:- <input type=email>

Type=checkbox
>>>This input type allows the user to select multiple options from the list.

Syntax:- <input type=checkbox> You are learning This is HTML This is a checkbox

Type=radio
>>>This input type allows the user to select one of multiple options.

Syntax:- <input type=radio> This is a radio button

Type=button
>>>This input type creates a clickable button to perform specific action.

Syntax:- <input type=button>

Type=color
>>>This input type takes input from the user in the form of colors.It dsplays a color picker according to the browser's default color picker.

Syntax:- <input type=color>

Type=date
>>>This input type takes date input from the user. It displays a date selector according to the browser's default style.

Syntax:- <input type=date>

Type=search
>>>This input type takes input from the user and search it in the webpage.

Syntax:- <input type=search>

Type=time
>>>Thus input type is used to get time as input.

Syntax:- <input type=time>

Type=URL
>>>This input type is used to input any website url as input.

Syntax:- <input type=url>

Type=week
>>>This input type is used to enter day of the week as input.

Syntax:- <type=week>

Copyright 2018 ©
End of result

[TUTORIAL] HTML input types