Tel : Allows different phone numbers around the world. A phone number is validated by the client-side. We can enter a phone number using type = “tel”.
Search : Allows to search queries by input text. We can enter multiple queries using type = “search”.
Number : Allows inserting a numerical value with additional attributes such as min, max. etc., and we can enter multiple numerical values using type = “number”.
Url : A url input type, that is used for the web address. In a single url, we can use multiple attributes using type = “url”.
Color : Allows to select multiple colors, we can pic multiple color using type = “color”.
Range : Allows to insert a numerical value within a specific range, Range is similar to the number but it is much specific. We can enter a numerical value within a range using type = “range”.
Placeholder : Allows to display a short hint (usually in a light color) in the input fields, before we enter the value. We can write a short hint in the input field by using type = “placeholder”.