Question

I’m new to HTML5 as begun to work with HTML5’s new form input fields. When I’m working with form input fields, especially <input type="text" /> and <input type="search" /> IMO there wasn’t any difference in all major browser including Safari, Chrome, Firefox and Opera. And the search field also behaves like a regular text field.

So, what is the difference between input type="text" and input type="search" in HTML5?

What is the real purpose of <input type="search" />?

Answer 1

Right now, there isn’t a huge deal between them – maybe there never will be.
However, the point is to give the browser-makers the ability to do something special with it, if they want.

Think about <input type="number"> on cellphones, bringing up number pads, or type="email" bringing up a special version of the keyboard, with @ and .com and the rest available.

On a cellphone, search could bring up an internal search applet, if they wanted.

On the other side, it helps current devs with css.

input[type=search]:after { content : url("magnifying-glass.gif"); }