As the new HTML5 semantic container tags are to
<div>, so these new form inputs are to the generic
<input type=text> element. Having specific elements for search fields, URLs, eMail address inputs and a color picker allow browsers and devices to be far more powerful and responsive.
The search element is new to HTML5:
<input type=search name=search id=search maxlength=30 size=32 />
The search input type does not, by itself, initiate a search. What it does deliver are browser-supported features that are useful in searches: the ability to clear the field without typing or clicking a separate button.
The new HTML5 tag
<mark> should be used to highlight search responses.
The URL input type is designed to take web addresses, such as entering your portfolio URL into a form.
<label for=portfolio accesskey=p>Your website portfolio:</label>
<input type=url name=portfolio id=portfolio>
Again it is not so much about how this element looks, as to the fact that the browser now recognizes that a URL should be entered into the field. The browser could validate this information, lock off or present certain keys (the iPhone presents a
Like the URL element discussed above, the eMail input is designed to take addresses:
<label for=email accesskey=e>Your eMail address:</label>
<input type=email name=email id=email>
Browsers will understand that this field is designed to take eMails and validates any data the user enters.