强制移动设备使用数字键盘

发布于 2024-10-13 10:01:06 字数 64 浏览 2 评论 0原文

这不是一个“移动”网站。它是常规的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

若相惜即相离 2024-10-20 10:01:06

我们非常幸运地使用了 type="number"pattern="\d*" 的组合。我们已经在 iOS 和 Android 设备上看到了成功,尽管我没有可以在此处分享的操作系统版本列表。

<input type="number" pattern="\d*" name="year">

We've had the best luck with using a combination of type="number" and pattern="\d*". We've seen success on iOS and Android devices, although I don't have a list of OS versions to share here.

<input type="number" pattern="\d*" name="year">
苏佲洛 2024-10-20 10:01:06

只是根据新技术更新这篇文章。

<input type="number"/>

适用于除 iOS 之外的大多数操作系统。

因此,引入了一个新版本,您可以简单地使用:

<input type="tel"/>

这会在当今的任何移动设备上强制使用数字键盘。

您可以参考此处了解有关此主题的更多信息。

Just updating this post based on new tech..

<input type="number"/>

Works on most OS's aside from iOS.

So a newer version was introduced where you could simply use:

<input type="tel"/>

This forces a numbered keypad on any mobile device these days.

You can reference here for more info on this exact topic.

请别遗忘我 2024-10-20 10:01:06

它称为“-wap-input-format”。
您可以在 css 或样式元素中使用它,例如

<input type="text" style="-wap-input-format: 'N'"/>

请参阅 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

<input type="text" style="-wap-input-format: 'N'"/>

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

冷弦 2024-10-20 10:01:06

我知道这是一个老问题,但我一直在寻找答案,这是现在应该可以使用的更新版本。

有一个选项可以将其添加到您的输入中:

inputmode="numeric"

所以它会像这样:

<input inputmode="numeric" type="number"/>

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:

inputmode="numeric"

So it will be like this:

<input inputmode="numeric" type="number"/>
你在看孤独的风景 2024-10-20 10:01:06

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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文