HTML如何在数字类型的输入框中只允许输入正数

正如我们所知,<input type="number"> 指定了一个用于输入数字的字段。
如果要将 <input> 字段限制为仅正数,可以使用 min 属性。

仅允许正数的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <input type="number" min="0" value="10">
  </body>
</html>

正如我们在上面的示例中看到的,仅使用 min 属性适用于选择器箭头,我们仍然可以输入负数。

要限制箭头的负数,以及不允许输入负数,请尝试以下操作。

限制输入负数的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">
  </body>
</html>
日期:2020-06-02 22:15:05 来源:oir作者:oir