Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iPad HTML5 default keyboard to symbol view?

Tags:

html

ios

ipad

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.

like image 793
Mark Henderson Avatar asked May 30 '11 02:05

Mark Henderson


Video Answer


1 Answers

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.

like image 187
josocblaugrana Avatar answered Oct 16 '22 23:10

josocblaugrana