---
# System prepended metadata

title: HTML5 input types

---

# 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">
```