强制移动设备使用数字键盘
这不是一个“移动”网站。它是常规的 HTML/CSS。有没有办法可以强制移动设备在聚焦于我的文本框时弹出数字键盘?
This is not a "mobile" website. It is regular HTML/CSS. Is there a way I can force mobile devices to popup with the numeric keyboard when they focus on my textboxes?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
我们非常幸运地使用了
type="number"
和pattern="\d*"
的组合。我们已经在 iOS 和 Android 设备上看到了成功,尽管我没有可以在此处分享的操作系统版本列表。We've had the best luck with using a combination of
type="number"
andpattern="\d*"
. We've seen success on iOS and Android devices, although I don't have a list of OS versions to share here.只是根据新技术更新这篇文章。
适用于除 iOS 之外的大多数操作系统。
因此,引入了一个新版本,您可以简单地使用:
这会在当今的任何移动设备上强制使用数字键盘。
您可以参考此处了解有关此主题的更多信息。
Just updating this post based on new tech..
Works on most OS's aside from iOS.
So a newer version was introduced where you could simply use:
This forces a numbered keypad on any mobile device these days.
You can reference here for more info on this exact topic.
它称为“-wap-input-format”。
您可以在 css 或样式元素中使用它,例如
请参阅 http:// /www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2
编辑: 我没有意识到你想要弹出数字键盘。我不确定是否可能
Its called "-wap-input-format".
You can use it in your css or in style element such as
See http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2
Edit: I didn't realize you wanted to pop-up numeric keyboard. I'm not sure if it is possible
我知道这是一个老问题,但我一直在寻找答案,这是现在应该可以使用的更新版本。
有一个选项可以将其添加到您的输入中:
所以它会像这样:
I know this is an old question but I was searching for the answer and here is the updated version that should work now.
There is an option to additionally add this to your input:
So it will be like this:
HTML5 有一个新的输入类型“number”,它告诉移动设备调出数字键盘:
在此处了解它(以及其他新输入类型) :http://html5doctor.com/html5-forms-input-types/
HTML5 has a new input type "number" that tells mobile devices to bring up the numeric keypad:
<input type="number"/>
Read about it (and the other new input types) here: http://html5doctor.com/html5-forms-input-types/