Chapter 3. Forms
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.
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
3.1. Displaying a Search Input Field
You want to present a user with a search form field.
with an HTML5
<form> <p><label>Search <input
type="search"name="query"></label></p> <p><button type="submit">Submit</button></p> </form>
search input type displays
a text input field that may visually differ from that of a regular text
field, based on the stylistic conventions of the platform.
For example, Safari on Mac OS displays the search field with rounded (instead of square) corners, as shown in Figure 3-1. Both Safari and Chrome display an icon within the field ...