Now, we will look at html5 new forms of input elements. HTML5 introduces 13 new input types –
The search input type is introduced for site search.
<input type=”search” name=”sitesearch”>
You can see here the input type is search. It looks as usual search text box but if your browser supports html5 then if you start typing text in the search box then you will see a cross sign on the right side to clear the text.
Email – It’s looks not different from standard text box but it’s having required and email validation inbuilt. You can not fill wrong email address like without @ and (.) .
<input type=”email” name=”email”>
URL – it is being used for url field submission. its also having validation for slashes, spaces and top level domain like .com , .co etc.
<input type=”url” name=”webpage”>
Telephone – This input type being used for phone number.
<input type=”tel” name=”phonenumber”>
Number – This input type is used only for numeric fields. It’s having some other attribute like min, max and step.