#TYPING NUMBERS HELP WINDOWS#
type="search" as displayed in Safari for Windows This lets you quickly clear the field, just like Safari’s built-in search field. At this point, a small cross appears on the right side of the field. Feels much better, doesn’t it? Desktop browsers will render this in a similar way to a standard text field-until you start typing, that is. Well, what if we could write something like … It’s probably the most common action performed on the Web every day, yet it’s not marked up very semantically, is it? We all tend to write something like this: 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. When we talk about search, we’re not just talking about Google, Bing, or Yahoo. Search seems like an appropriate place to start our foray into HTML5 input types. The new input types we’ll be looking at are: These new input types have dual benefits: using them means less development time and an improved user experience. We’re going to take a brief look at each of them and explain why you should be using them right now. HTML5 introduces no less than a baker’s dozen (yes, that’s 13!) new input types for forms. 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. Note: As this article is a book excerpt, browser renderings of attributes and input types may have altered since the screenshots were taken. 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.