HTML5 code and demos for invoking different touch keyboards depending on input type
During our recent usability study of mobile commerce sites we observed several usability issues on sites that did not fully optimize their form fields for touch keyboards.
We therefore decided to provide web designers and developers with the following “Cheat Sheet”, showing how to set the appropriate
type and when and how to use
autocomplete attributes. You can demo the fields yourself by visiting this page on a touch device.
If you want the detailed usability test observations we’ve published them in this article. Making these changes will greatly improve the form filling experience for your mobile and tablet users, and they couldn’t be easier to implement.