html5让输入类型=“数字”只接受数字的方法？

【问题标题】：html5 way to make input type="number" only accept numbers?html5让输入类型=“数字”只接受数字的方法？
【发布时间】：2015-03-09 12:00:29
【问题描述】：

我有<input type="number"> 并在文本字段中输入非数字字符就好了。当然，我可以使用 javascript 来强制执行这个“仅限数字”的要求，但是是否有 HTML5 方法可以在 HTML 本身中做到这一点？

演示：

（我使用的是谷歌浏览器）

【问题讨论】：

【解决方案1】：

不，没有纯 HTML 方法可以实现这一点。如果您想阻止用户输入任意字符，您将需要 javascript。 HTML5 提供了pattern 属性，如果用户输入了无效值，该属性将阻止表单提交：

<form>
    <input type="number" pattern="\d+" />
    <input type="submit" />
</form>

【讨论】：