We’re talking about the search field on that e-commerce site you just made a purchase from, on Wikipedia, and even on your personal blog.It’s probably the most common action performed on the Web every day, yet it’s not marked up very semantically, is it?
, notice the keyboard, specifically the action button on the keyboard (bottom right).Did you spot that it says “Search” rather than the regular “Go”?It’s a subtle difference that most users won’t even notice, but those who do will afford themselves a wry smile.In the first article in this series we looked at the history of HTML5 forms and many of the new attributes available to us.In this second and final part of the series, we’ll look at the new input types available in HTML5. This is article is an excerpt from Chapter 6 of Beginning HTML5 and CSS3: The Web Evolved by Christopher Murphy, Oli Studholme, Richard Clark and Divya Manian, published by Apress.
As we’ll see, these new features will go a long way toward making your life easier while delivering a delightful user experience. Note: As this article is a book excerpt, browser renderings of attributes and input types may have altered since the screenshots were taken.
Additionally, browser support may have increased since publication so please refer to the links at the end of the article for the current state of browser support.
HTML5 introduces no less than a baker’s dozen (yes, that’s 13! We’re going to take a brief look at each of them and explain why you should be using them right now.
These new input types have dual benefits: using them means less development time and an improved user experience.
The new input types we’ll be looking at are: Search seems like an appropriate place to start our foray into HTML5 input types.
When we talk about search, we’re not just talking about Google, Bing, or Yahoo.