當輸入文字到一系列輸入字段時顯示ipad鍵盤？

Question

我有一個網站的表格來捕獲一個電話號碼。設計師決定將電話號碼字段設置爲一系列10個輸入字段，每個字段允許最多1個數字。

通過ipad鍵入我的電話號碼非常令人沮喪。這是用於輸入電話號碼的過程：

1. 觸控領域爲數字1

2. 字母鍵盤出現

3. 切換到數字鍵盤

4. 按一個數字

5. 鍵盤消失

重複步驟剩餘的數字2月1日至5日至10

如何強制鍵盤始終可見並在數字模式？然後在每個數字字段上進行onkeyup，以自動關注下一個數字字段？

我沒有重新設計這個接口的選項。

臨時解決方案 我將爲所有10位數字創建1個文本輸入字段，但使邊框和背景透明。然後，我將使用背景圖像來顯示10個單獨的字段。但我仍然不知道如何強制ipad鍵盤默認進入數字模式。

Answer 1

我相信你可以使用html5 doctype和<input type="number" />ref來讓平板電腦和智能手機自動顯示數字鍵盤。