HTML5输入类型检查用户已输入的信息

我已经快速查找并找不到需要的内容。我期望它是简单的。我有一个输入文本框，其类型被设置为范围在1到20之间的数字。这非常有效。HTML5输入类型检查用户已输入的信息

但是，用户只能输入abc或21，这就打破了这一点。我怎样才能设置它，使文本框不允许？

单独HTML你不能。你需要JavaScript。 – j08691 2013-03-11 19:58:03

您使用的是Firefox吗？如果是这样，它不被支持。 – 2013-03-11 19:58:15

谷歌铬和歌剧:) – 2013-03-11 20:08:41

也许你可以使用 “模式”

<input type="text" pattern="[0-9]+" />

2013-03-11 19:59:57

在这种情况下使用JavaScript验证是必要的 – 2013-03-11 20:03:42

输入类型= “数字” 和 “范围” 不能在Firefox支持。

您可能想要使用javascript解决，或者，如果它只是20个数字（即1-20）的问题，为什么不使用下拉菜单？

如：

<select> 
    <option>1</option> 
</option>

等...

2013-03-11 20:10:33

HTML5具有 '数字' 类型的输入元件。它看起来像这样：

<input type="number" name="quantity" min="1" max="5">

然而，并不是每一个浏览器支持这一点，所以你可能需要验证用户提供的输入。此页面会告诉你哪些浏览器支持此功能：

2013-03-11 20:13:10 rwalter

回答