Question

我看了一眼，找不到我需要的东西。我希望它很简单。我有一个输入文本框，其类型设置为1到20之间的数字。这非常有效。

但是，用户只需输入abc或21，即可打败这一点。如何设置它以使文本框不允许？

Answer 1

也许你可以使用“模式”

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

Answer 2

Firefox中不支持

输入类型=“数字”和“范围”。

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

如：

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

等...

Answer 3

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

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

但是，并非每个浏览器都支持此功能，因此您可能需要验证用户提供的输入。此页面将告诉您哪些浏览器支持此功能：