当输入文字到一系列输入字段时显示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来让平板电脑和智能手机自动显示数字键盘。