强制启用移动设备的数字键盘

Question

这不是一个“移动”网站，而是普通的HTML/CSS。有没有办法让移动设备在聚焦到我的文本框时弹出数字键盘？

- divided

---

没有一种保证在所有设备上都能正常工作的方法。您是想解决特定问题吗？还是只是想让用户更轻松地输入数字？ - Matt Lacey

没有具体的问题，我只是希望它默认为数字键盘。 - divided

Answer 1

我们在使用type="number"和pattern="\d*"的组合时运气最好。我们在iOS和Android设备上看到了成功的结果，尽管我这里没有要分享的操作系统版本列表。

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

- awayken

Answer 2

根据最新的技术，我更新了这篇文章...

<input type="number"/>

除了iOS系统外，适用于大多数操作系统。

因此，推出了一个更新版本，您可以简单使用：

<input type="tel"/>

现如今，这会在任何移动设备上强制启用数字键盘。

您可以参考此处了解更多关于这个主题的相关信息。

- Kamakazy

Answer 3

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

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

请查看http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2。

编辑：我没有意识到您想弹出数字键盘。 我不确定是否可能。

- nLL

---

这是针对WCSS的，而我没有使用它。这对于普通的CSS无效。 - divided

你应该能够使用内联样式，如果手机支持的话，它将起作用。适用于塞班系统。http://discussion.forum.nokia.com/forum/showthread.php?34533-Wap-CSS-support-in-XHTML-browsers - nLL

Answer 4

HTML5有一个新的输入类型"number"，可以告诉移动设备弹出数字键盘：

<input type="number"/>

在这里阅读相关信息（以及其他新的输入类型）：http://html5doctor.com/html5-forms-input-types/

- danallison