HTML5 Input type=number删除前导零

Question

在Chrome 15中，当使用元素作为文本字段时，即使输入的数字不违反验证规则(例如，min，max)，也会删除前导零(例如011)。是否有一个属性来强制零在失去焦点后留在字段中？此应用程序是数字数据，例如国际电话前缀。

Answer 1

<input type="text" pattern="[0-9]*" ...

这对你来说应该足够了。我会在iPhone和我测试过的更好的安卓手机上显示数字键盘。

Answer 2

<input type="tel">正是为了这个目的而引入的。它是HTML5中新的输入类型之一。

Answer 3

我需要在手机浏览器上使用它，我混合使用了这两种解决方案，如下所示：

<input type="tel" pattern="[0-9]*">

在iOS上，数字键盘上只有数字可用(没有#或*符号)，而在安卓手机上，"tel“被正确解释，但模式却不正确(我只有几部手机还没有)。

我猜当android浏览器开始实现"pattern“属性时，这在android上应该也能工作得很好(作为the whatwg spec suggests)。

在此之前，您必须检查输入中是否有非数字字符，并将其删除。javascript replace(/^0-9*/g，'')对此很有用。

希望这能有所帮助