在一系列输入字段中输入文本时显示iPad键盘

Question

我有一个网站与窗体捕捉电话号码。设计人员决定将电话号码字段设置为一系列10个输入字段，每个字段最多允许1位数字。

在ipad上输入我的电话号码是非常令人沮丧的。下面是输入电话号码的过程:

1. 触摸数字1的字段

2. alpha键盘出现

3. 切换到数字键盘

4. 按数字

5. 键盘消失

重复步骤1至5，其余数字2至10。

如何强制键盘始终在数字模式下可见?然后onkeyup对每个数字字段，自动专注于下一个数字字段?

我没有重新设计这个接口的选项。

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

Answer 1

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