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