color Defines an input field with a specific color.
date Defines an input field for selection of date.
datetime-local Defines an input field for entering a date without time zone.
email Defines an input field for entering an email address.
month Defines a control with month and year, without time zone.
number Defines an input field to enter a number.
url Defines a field for entering URL
week Defines a field to enter the date with week-year, without time zone.
search Defines a single line text field for entering a search string.
tel Defines an input field for entering the telephone number.
<input type="text">
<input type="password">
<input type="radio">
<input type="checkbox">
<input type="button">
<input type="color">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="number">
<input type="range">
<input type="search">
<input type="tel">
<input type="time">
<input type="date">
<input type="datetime-local">
<input type="week">
<input type="month">
<input type="url">
<input type="submit">
<input type="reset">
<!-- input tags are self-closing tags -->
<!-- If in the form you want a required input, just put required at the end -->
<!-- like this: <input type="text" required/> -->
<form>
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">
</form>
<input type="text">
<input type="password">
<input type="radio">
<input type="checkbox">
<input type="hidden">
<input type="time">
<input type="submit">
<input type="reset">
<input type="tel">
<input type="search">
<input type="week">
<input type="range">
<input type="month">
<input type="url">
<input type="button" value="click">
<input type="email" value="mhmd.shrydh1996@gmail.com">
<input type="date" value="08/05/1996">
<input type="number" value="199999">
<input type="image" placeholder="image" style="width:30px " >
button
checkbox
color
date
datetime-local
email
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
<input type="color">
<input type="range" value="2" min="0" max="3">
<input type="date">
<input type="time">
<input type="datetime-local">
HTML Input Types
Here are the different input types you can use in HTML:
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">