HTML5数字最小值属性不'；不能阻止用户输入低于最小值？

我知道还有其他解决方案，但我正在尝试使用HTML5

min

属性来防止用户在文本字段中输入0。下面的标记给出了一个文本字段，带有漂亮的向上/向下箭头，用于数字选择；如果按下向下箭头，该值将不会低于1。但我仍然可以在字段中手动输入0。这是预期的行为吗？是否有HTML5技术可以防止输入小于某个最小值的数字

<input type="number"  min="1" />

---

当您在输入类型编号上使用“最小”属性时，可以通过箭头限制用户低于最小值或高于最大值。但是，用户可以尝试直接输入无效值，但不会传递。您可以通过以下方式查看输入无效值时发生的情况：

如果您不喜欢这样，您可以选择如下javascript方法：

<script>
  function validateNum(input) {
    if (input.value < 1) input.value = 1;
  }
</script>

<input type="number" onchange="validateNum(this);" />

函数ValidateEnum（输入）{
如果（input.value<1）input.value=1；
}

---

不确定上面的代码是否有效，因为我只是简单地键入了一个代码，而没有实际测试它，但您应该能够理解我的意图。

在HTML5中，您可以使用一个数字输入字段作为微调器，您可以在文本框右侧使用上下箭头来增加或减少数值，但这并不能阻止您输入错误的值。事实上，它基于最小和最大属性验证值

at的公认答案提供了一种防止用户输入错误值的方法