验证 html5 中的输入类型编号

Question

我想将输入限制在数字类型字段中，以便输入不能超出 html 中指定的最小-最大范围。

input type = "number" min = "1" max = "5"

有没有一种方法可以在没有文本框的情况下输出数字字段，我宁愿不使用

“input type = range”

，因为滑块不显示当前选择的值

请帮忙。

谢谢。

Answer 1

根据您所说的，我建议使用一个简单的输入文本字段，并在通过 JavaScript 提交时检查其值的有效性（如 @Kush 上面提到的）。您还可以在用户键入时检查它，或者将焦点从该字段移开。

Answer 2

<form>
  Only 1 to 100 <input type="text" name="number" pattern="\d{1,2}(?!\d)|100" title="one to hundreed only">
  <input type="submit">
</form>