<input type="number"/> is not showing a number keypad on iOS

As of ios 12.2 (released March 25, 2019) this solution will work and it is the simplest to implement

<input type="number" inputmode="decimal"/>

This will bring up only the number key pad without the #+* characters that come with using input="tel"


I am not sure if this is what you want but input type = "tel" will give you the "telephone number pad".


You need to specify the pattern:

<input type="number" pattern="\d*"/>

As a number can be negative or with floating point, so the - and . and , should be available in the keyboard, unless you specify a digits only pattern.

enter image description here

Tags:

Html

Ios