2011-05-30 50 views
4

我有一個HTML5應用程序中的數據輸入表格,用戶將填寫在iPad 2上。iPad的HTML5默認鍵盤符號視圖?

有什麼辦法可以讓iPad鍵盤默認爲「符號」視圖(即鍵盤上帶有數字1,2,3,4,5,6,7,8,9,0)?

他們只會在這些字段中輸入數字,而且每次點擊「下一步」時都會回到QWERTY視圖,這非常令人沮喪。

您可以通過使用一些-wap CSS在iPhone上做到這一點,但不幸的是它不適用於iPad。

回答

3

我沒有這個測試自己,但根據Apple's docs這應該工作:

<input type="number"> 
+0

那麼簡單 - who'da thunk。謝謝!太糟糕了,它打破了我所有的'type'屬性驗證,但這很容易修復。 – 2011-05-31 01:17:42

+0

是的,只需要改回你想要的'onblur'。 – jsejcksn 2011-06-30 16:29:14

10

Wossname's solution above效果很好,但如果你同時使用this method隱藏旋轉按鈕,WebKit的桌面添加到<input type="number" /> Safari,它也會禁用桌面Safari中的placeholder屬性。

使用type="text" pattern="[0-9]*"而不是type="number"似乎解決了這兩個問題。