如何使type="number"为正数

目前我有以下代码

<input type="number" />

结果是这样的

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

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

当前回答

你可以通过以下方法将负输入转化为正数:

其他回答

尝试这个选项，并给出最小值和最大值

<输入类型=“数字” 模式=“\d+” 输入模式=“数字” 值=“123” 自动完成=“关闭” 最大长度=“5” 步骤=“1” min=“0” max=“99999” >

Try

我已经找到了防止负数的另一种解决方案。

<input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">

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

用这个。

onkeypress="return (event.charCode >= 48 && event.charCode <= 57 || event.charCode == 46)"

可以输入整数和小数。

推荐文章