HTML and CSS Reference
Forms are the workhorse of any web application. Whether you are updating your
Facebook status, paying a bill online, or remotely programming your DVR, forms are
what make the magic happen.
Currently, making that magic both robust and seamless requires some interesting
simpler—and even where browsers aren't yet supporting the new HTML5 form
HTML5 gives us new elements and new attribute values for the input element to yield
new form fields, as well as some new attributes that allow us to remove many lines of
3.1 Displaying a Search Input Field
You want to present a user with a search form field.
Use the input element with an HTML5 type value of search :
<p><label>Search <input type="search" name="query"></label></p>