在一系列输入字段中输入文本时显示 ipad 键盘？
我有一个网站，其中包含用于捕获电话号码的表单。设计者决定将电话号码字段设置为一系列 10 个输入字段，每个字段最多允许 1 位数字。
通过 ipad 输入我的电话号码是非常令人沮丧的。这是输入电话号码的过程：
触摸数字 1 的字段
出现字母键盘
切换到数字键盘
按一个数字
键盘消失
对其余数字2到10重复步骤1到5。
如何强制键盘始终可见且以数字显示 模式？然后在每个数字字段上 onkeyup，自动聚焦到下一个数字字段？
我无法选择重新设计这个界面。
临时解决方案 我将为所有 10 位数字创建 1 个文本输入字段，但使边框和背景透明。然后我将使用背景图像来显示 10 个单独的字段。但我仍然不知道如何强制ipad键盘默认进入数字模式。
I have a website with a form to capture a phone number. The designer decided to make the phone number field a series of 10 input fields, each field allowing a maximum of 1 digit.
It is very frustrating to type in my phone number via an ipad. This is the process for entering a phone number:
touch the field for digit 1
alpha keyboard comes up
toggle to numeric keyboard
press a digit
keyboard disappears
Repeat steps 1 to 5 for remaining digits 2 to 10.
How do I force the keyboard to always be visible and in numeric mode? Then onkeyup on each digit field, to automatically focus on the next digit field?
I do not have the option of re-designing this interface.
Temporary solution
I'm going to create 1 text input field for all 10 digits, but make border and background transparent. Then I'm going to use a background image to display 10 separate fields. But I still don't know how to force the ipad keyboard to go into numeric mode by default.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我相信您可以使用 html5 文档类型和
ref 让平板电脑和智能手机自动显示数字键盘。I believe you can use an html5 doctype and
<input type="number" />ref to make tablets and smart phones display a numeric keyboard automatically.