Search code examples
htmlwindows-8windows-phonesoft-keyboard

Is it possible to hint to the client browser to use a different soft keyboard for input boxes on a web page?


Some OSes (e.g. windows 8, Windows Phone) have the ability for native apps to specify what a field will contain, and hint at which soft keyboard to display. Is it possible to add these hints to regular web pages to show (for example) the email address optimised soft keyboard, or the phone number optimised soft keyboard?


Solution

  • It's possible to use HTML5 input types to hint to the OS as to which keyboard should be displayed.

    There are numerous webpages out there that list all the new HTML5 input types and show examples of how they look on different platforms.

    Windows Phone 7, which uses IE9, does not support these newer HTML5 input types.

    Windows Phone 8 and Windows 8 do as they use IE10.

    For a full list of feature support, there's a comparison chart from quirksmode.org and another on wufoo.com