---
# System prepended metadata

title: 'HTML5 New Input Types:'

---

# HTML5 New Input Types:
#### Prepared By: *Waseem AlFarram* 😊
### 1. date
It allows the user to select a date from a drop-down calendar.
``` htmlembedded=
<input type="date" />
```
### 2. DateTime
It allows the user to select a date and time along with time zone.
``` htmlembedded=
<input type="datetime" />
```
### 3. time
It allows the user to enter time.
``` htmlembedded=
<input type="time" />
```
### 4. DateTime-local
It allows the user to select a local date and time.
``` htmlembedded=
<input type="datetime-local" />
```
### 5. week
It allows the user to select a week and year from a drop-down calendar.
``` htmlembedded=
<input type="week" />
```
### 6. month
It allows the user to select a month and year from a drop-down calendar.
``` htmlembedded=
<input type="month" />
```
### 7. email
It allows the user to enter an e-mail address.
``` htmlembedded=
<input type="email" />
```
### 8. tel
It allows the user to enter the phone number with a specific pattern.
``` htmlembedded=
<input type="tel" />
```
### 9. URL
It allows the user to enter a website URL.
``` htmlembedded=
<input type="url" />
```
### 10. search
It's a text field for entering a search string.
``` htmlembedded=
<input type="search" />
```
### 11. range
It allows the user to range the value with the slider.
``` htmlembedded=
<input type="range" />
```
### 12. number
It allows the user to enter a numeric value with the increase and decrease arrow.
``` htmlembedded=
<input type="number" />
```
### 13. color
It allows the user to select a color from the color picker.
``` htmlembedded=
<input type="color" />
```