在将文本输入到一系列输入字段时显示ipad键盘？

Question

我有一个网站，其中包含一个用于捕获电话号码的表单。设计者决定将电话号码字段设为一系列10个输入字段，每个字段最多允许1位数。

通过ipad输入我的电话号码非常令人沮丧。这是输入电话号码的过程：

1. 触摸数字1的字段

2. alpha键盘出现

3. 切换到数字键盘

4. 按一个数字

5. 键盘消失

对于剩余的数字2到10，重复步骤1到5。

如何强制键盘始终可见并处于数字模式？然后onkeyup在每个数字字段上，自动聚焦下一个数字字段？

我没有重新设计此界面的选项。

临时解决方案 我将为所有10个数字创建1个文本输入字段，但使边框和背景透明。然后我将使用背景图像显示10个单独的字段。但我仍然不知道如何强制ipad键盘默认进入数字模式。

Answer 1

我相信您可以使用html5 doctype和<input type="number" /> ref来制作平板电脑和智能手机自动显示数字键盘。