###### *Abeer Ayyad*****

| Input | type | Explain | Syntax |
| ----- | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:------------------------------------------------- |
| 1 | number | to enter a numerical value | ```<input type="number"> ``` |
| 2 | range | to enter a numerical value within a specified range,default range is 0 to 100 and can set restrictions on what numbers are accepted with the min, max, and step attributes:. | ```<input type="range">``` |
| 3 | url | to enter the URL. | ```<input type="url"> ``` |
| 4 | search | to enter a search string within the input field | ```<input type="search">``` |
| 5 | tel | allows the user to enter a telephone number(should contain telephone number Not otherwise.) | ```<input type="tel"> ``` |
| 6 | hidden | a hidden input field (not visible to a user,data that cannot be seen or modified by users when a form is submitted). | ```<input type="hidden">``` |
| 7 | datetime | allows the user to select date and time along with timezone | ```<input type="datetime">``` |
| 8 | datetime-local | allows the user to select both local date and time(with no timezone). | ``` <input type="datetime-local">``` |
| 9 | date | allows the user to select a date from a drop-down calendar. | ```<input type="date">``` |
| 10 | time | allows the user to enter a time. | ```<input type="time">``` |
| 11 | color | allows the user to select a color from a color picker. | ```<input type="color">``` |

### other types: month,week,image,text,reset,submit,password,email,....