# HTML5 input types
* Email type input:
```html
<input type="email" id="email" name="email">
```
* search field
```html
<input type="search" id="search" name="search">
```
* Phone number field
```html
<input type="tel" id="tel" name="tel">
```
* url field
```html
<input type="url" id="url" name="url">
```
* numeric field
you can pick a min and max value for it and steps for how much the slide moves at a time
```html
<input type="number" name="age" id="age" min="1" max="10" step="2">
```
* slide controls
you can pick a min and max value for it and steps for how much the slide moves at a time
```html
<input type="range" name="price" id="price" min="50000" max="500000" step="100" value="250000">
```
* Date and Time pickers
has several types:
1. datetime-local
```html
<input type="datetime-local" name="datetime" id="datetime">
```
2. month
```html
<input type="month" name="month" id="month">
```
3. time
```html
<input type="time" name="time" id="time">
```
4. week
```html
<input type="week" name="week" id="week">
```
* color pickers
```html
<input type="color" name="color" id="color">
```