One of the new types of inputs in HTML5 is search (<input type=search name=s>. It does absolutely nothing in most browsers. It just behaves like a text input. This isn’t a problem. The spec doesn’t require it to do anything special. WebKit browsers do treat it a bit differently though, primarily with styling.

css-tricks is haring tutorial how to styling “WebKit HTML5 Search Inputs“. The result is fancy search box that work on webkit browser.

Requirements: Webkit Browser
Demo: http://css-tricks.com/examples/SearchInputs/
Source: http://css-tricks.com/webkit-html5-search-inputs/

Incoming search terms for the article:

• search input
• input css
• css input
• html5 search box
• input text css
• css input text
• search css
• search box css
• input search
• fancy search box