# HTML5 Input Types

## **1. *color:***
Color picker control , you can choose any color easily.

 <input type="color" name="theme" value="#0000FF">

---
## **2. *range***
Slider controls to pick a number.

<input type="range" name="choose" min="0" max="100" step="5" value="0">

---
## **3. *number***
Controls for entering numbers.

<input type="number" min="0" max="30" step="3">

---
## **4. *email***
The user is required to type a valid email address into the field.

<input type="email" name="email">

---
## **5. *url***
A special type of field for entering URLs.

<input type="url" name="email">

---
## **6. *search***
To create search boxes on pages and apps.

<input type="search" name="search">

---
## **7. *tel***
A special field for filling in phone numbers.

<input type="tel" name="Telphone" placeholder="+ 966 22 00">

---
## **8. *time***
To display and pick a time value.

<input type="time" name="timing">

---
## **9. *date***
To display and pick a date value.

<input type="date" name="date">

---
## **10. *datetime-local***
To display and pick a date with time with no specific time zone information.

<input type="datetime-local" name="datetime-local">

---
## **11. *week***
To display and pick a week number and its year.

<input type="week" name="week">

---
## **12. *month***
To display and pick a month with a year.

<input type="month" name="month">

---
>>>>>#### MOHAMMED DAHALAN © 14/10/2021