HTML inputmode Attribute
Example
Show only numeric keys on the (virtual) keyboard.
Run the example with a phone or tablet to see the result.
<input type="text"
inputmode="numeric">
Try it Yourself »
Definition and Usage
The inputmode
attribute allows you to
change the appearance of the keyboard on a phone or tablet (any device with a virtual keyboard).
Here is the result of the example above, on my phone:
The example below uses inputmode "email":
Browser Support
Attribute | |||||
---|---|---|---|---|---|
inputmode | 66 | 79 | 95 | 12.2 | 53 |
Syntax
<element inputmode="decimal|email|none|numeric|search|tel|text|url">
Attribute Values
Value | Description |
---|---|
decimal | Numeric only keyboard, usually also a comma key |
Text keyboard, with keys typically for e-mail addresses like [@] | |
none | No keyboard should appear |
numeric | Numeric only keyboard |
search | Text keyboard, usually the [enter] key says [go] |
tel | Numeric only keyboard, usually also with [+], [*], and [#] keys |
text | Default. Text keyboard |
url | Text keyboard, with keys typically for web addresses like [.] and [/], and a special [.com] key, or other domain endings that are typically for the local settings. |
Related Pages
HTML Tutorial: HTML Attributes