iPad HTML5 default keyboard to symbol view?

Question

I have a data entry form in a HTML5 application that users will be filling in on an iPad 2.

Is there any way to make the iPad keyboard default to the "Symbols" view (i.e. the keyboard with the numbers 1,2,3,4,5,6,7,8,9,0)?

They will only be entering numbers in these fields, and it's quite frustrating every time you hit "next" it reverts back to the QWERTY view.

You could do this on the iPhone by using some -wap CSS, but it doesn't work on the iPads unfortunately.

score 11 · Answer 1 · edited May 23 '17 at 11:58

11

Wossname's solution above works well, but if you are also using this method to hide the spin buttons that Webkit add to <input type="number" /> in desktop Safari, it will also disable the placeholder attribute in desktop Safari.

Using type="text" pattern="[0-9]*" instead of type="number" seems to fix both of these issues.

edited May 23 '17 at 11:58

Community

1
1

answered Mar 28 '12 at 13:13

josocblaugrana

215
4
7

score 3 · Accepted Answer · answered May 31 '11 at 00:55

3

I haven't tested this myself, but according to Apple's docs this should work:

<input type="number">

answered May 31 '11 at 00:55

Wossname

2,121
2
12
9

That simple - who'da thunk. Thanks! Too bad it breaks all my `type` attribute validation, but that's easy enough fixed. – Mark Henderson May 31 '11 at 01:17
Yeah, just change back to what you want `onblur`. – jsejcksn Jun 30 '11 at 16:29

iPad HTML5 default keyboard to symbol view?

2 Answers2

Linked