![](https://i.imgur.com/bYdfTNV.png) # Newly Added <input> type elements in HTML5 HTML5 introduced some new <input> type elements. These elements consist of: ### **1**. *Color*: The color input type allows the user to select a color from a color picker and returns the color value in hexadecimal format `<input type="color">` ### **2**. *Date*: The date input type allows the user to select a date from a drop-down calendar. `<input type="date">` ### **3**. *Datetime-local*: The datetime-local input type allows the user to select both local date and time, including the year, month, and day as well as the time in hours and minutes. `<input type="datetime-local">` ### **4**. *Email*: The email input type allows the user to enter e-mail address. `<input type="email">` ### **5**. *Month*: The month input type allows the user to select a month and year from a drop-down calendar. `<input type="month">` ### **6**. *Number*: The number input type can be used for entering a numerical value. `<input type="number">` ### **7**. *Range*: The range input type can be used for entering a numerical value within a specified range. `<input type="range">` ### **8**. *Search*: The search input type can be used for creating search input fields. `<input type="search">` ### **9**. *Tel*: The tel input type can be used for entering a telephone number. `<input type="tel">` ### **10**. *Time*: The time input type can be used for entering a time (hours and minutes). `<input type="time">` ### **11**. *URL*: The url input type can be used for entering URL's or web addresses. `<input type="url">` ### **12**. *Week*: The week input type allows the user to select a week and year from a drop-down calendar. `<input type="week">`