Input tags allow users to key in data with declared input controls. The input attribute determines the type of data the user can enter.
Mostly input tags are used within <forms>, without attribute and element input tags are empty and can receive any data without validating it.
Some of
these attributes are;
Types
Value
Placeholder
Name
Alt
Checked
Disable
Form
Max
Required
Readonly
Accept
Align
dirname
Autocomplete
Width
Src
Step
And many
more
Here are the
5 inputs every developer must know
Input type=”
range”
This is an
alternative for numerical input. It uses min-max to set ranges.
Input type=”
datetime-local”
As the name
sounds, this input allows users to set dates and times.
Input=” Tel”
This input
type is used when you want the user to enter a phone number. The input makes use of
numeric and so it opens the user’s numeric keyboard.
Input=” Color”
This is a
colour picker input. It allows users to pick a colour on your website.
Input=” Search”
The search
input creates a rectangular bar where users can key in any search queries.