移动设备的强制数字键盘答案

【问题标题】：Force Numeric Keyboard for Mobile Device移动设备的强制数字键盘
【发布时间】：2011-06-12 17:21:47
【问题描述】：

这不是一个“移动”网站。它是常规的 HTML/CSS。有没有办法强制移动设备在关注我的文本框时使用数字键盘弹出？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

<input type="number"/>

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

因此引入了一个更新的版本，您可以简单地使用：

<input type="tel"/>

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

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

【讨论】：

【解决方案3】：

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

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

编辑：我没有意识到你想弹出数字键盘。不知道有没有可能

【讨论】：

【解决方案4】：

HTML5 有一个新的输入类型“数字”，它告诉移动设备调出数字小键盘：

<input type="number"/>

在此处了解它（以及其他新的输入类型）：http://html5doctor.com/html5-forms-input-types/

【讨论】：