trigger number pad on focus in html input element

Question

I'm working on a web application for tablets. In the application there is an input element that requires an integer input. When the user clicks on the input element usually the letter keyboard pops up and then the user has to switch to the number pad. Is there an attribute that one can specify so that the tablet pops up a number pad instead?

score 2 · Answer 1 · answered Nov 23 '13 at 16:23

2

Did you try number type:

<input type="number" name="quantity" min="0" max="1000" step="1">

answered Nov 23 '13 at 16:23

Alex Art.

8,711
3
29
47

score 1 · Answer 2 · answered Nov 23 '13 at 16:24

One of these types:

<input type="tel" ...>

<input type="number" ...>

The actual behaviour will depend on the tablet's platform. On iOS, the number keyboard has integers and arithmetic operators, and the tel keyboard has large digits and a #/* key only.

Source

score 1 · Answer 3 · edited May 23 '17 at 10:31

1

You can try <input type="number" />.

And if you want to remove arrows you can check : this answer

edited May 23 '17 at 10:31

Community

1
1

answered Nov 23 '13 at 16:26

Mateusz Rogulski

7,357
7
44
62

trigger number pad on focus in html input element

3 Answers3