How to force keyboard with numbers in mobile website in Android How to force keyboard with numbers in mobile website in Android android android

How to force keyboard with numbers in mobile website in Android


<input type="number" /><input type="tel" />

Both of these present the numeric keypad when the input gains focus.

<input type="search" />shows a normal keyboard with an extra search button

Everything else seems to bring up the standard keyboard.


IMPORTANT NOTE

I am posting this as an answer, not a comment, as it is rather important info and it will attract more attention in this format.

As other fellows pointed, you can force a device to show you a numeric keyboard with type="number" / type="tel", but I must emphasize that you have to be extremely cautious with this.

If someone expects a number beginning with zeros, such as 000222, then she is likely to have trouble, as some browsers (desktop Chrome, for instance) will send to the server 222, which is not what she wants.

About type="tel" I can't say anything similar but personally I do not use it, as its behavior on different telephones can vary. I have confined myself to the simple pattern="[0-9]*" which do not work in Android


inputmode according to WHATWG spec is the the default method.

For iOS devices adding pattern could also help.

For backward compatibility use type as well since Chrome use these as of version 66.

<input  inputmode="numeric"  pattern="[0-9]*"  type="number"/>