Look what dynamic keyboard popped up on your touch device.
Test in Firefox
The Low Down
inputmode attribute tells the browser on devices with dynamic keyboards which keyboard to display. The
inputmode attribute applies to the
password input types as well as
- Values of the inputmode attribute include:
verbatimfor alphanumeric content,
latintext content with aids like auto suggest,
latin-prosetext content with more aggressive text entry assistance then simple latin,
full-width-latinlike latin-prose, but for your secondary languages,
kanafull-width Japanese characters, with support for converting to kanji,
katakanaKatakana input, full-width Japanese characters, with support for converting to kanji,
numericfor numeric input that isn’t a number, like zip codes, credit card numbers, when you want numeric values, but don’t want the GUI of a number spinner,
teldisplays the telephone keyboard, including asterisk and pound key, but should not be used when tel input type makes sense, like for input of a social security number,
<input type="email">is not appropriate. For example, for a Twitter app you may want a keyboard that shows @, but you don’t actually want to check for valid email addresses.
urlfor URL input keyboard when you don’t actually want an URL, like when you don’t want an URL, but don’t want to force the inclusion of a protocol.
- This attribute is only relevant in browsers on devices that have dynamic keyboards.
- Firefox OS supports
- Example use would be for zip codes in the United states: when you want a numeric keyboard, but you don’t want the number spinner UI.