如何使type="number"为正数

目前我有以下代码

<input type="number" />

结果是这样的

右边的选择器允许数字变为负数。我该如何预防呢?

我对使用type="number"有疑问，它造成的问题比它解决的要多，我无论如何都要检查它，所以我应该回到使用type="text"吗?

当前回答

添加一个min属性

<输入类型=“数字” min=“0”>

其他回答

如果您尝试输入负数，onkeyup事件将阻止此操作，如果您在输入数字上使用箭头，onblur事件将解决此部分。

<输入类型=“数字” onkeyup=“if（this.value<0）this.value=1” onblur=“if（this.value<0）this.value=1” >

你可以使用以下命令使type="number"只接受正数:

<input type="number" step="1" pattern="\d+">

Try

<输入类型=“数字” 分钟=“1” 步数=“1”>

这取决于你想要多精确。如果你想只接受整数，那么:

<输入类型=“数字” 分钟=“1” 步数=“1”>

例如，如果你想要浮点数，小数点后有两位数字:

<输入类型=“数字” min=“0.01” 步数=“0.01”>

推荐文章