强制移动设备的数字键盘

Question

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

Answer 1

使用type="number"和pattern="\d*"的组合，我们运气最好。我们在iOS和Android设备上取得了成功，虽然我没有在这里分享的操作系统版本列表。

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

Answer 2

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

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

请参阅http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2

编辑：我没想到你想要弹出数字键盘。我不确定是否可能

Answer 3

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

<input type="number"/>

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

因此，我们推出了一个较新的版本，您只需使用：

<input type="tel"/>

这会迫使任何移动设备上的数字键盘。

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

Answer 4

HTML5有一个新的输入类型＆＃34;数字＆＃34;告诉移动设备调出数字小键盘：

<input type="number"/>

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