---
# System prepended metadata

title: Untitled

---

###### *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,....



