HTML 表单如何只允许输入正数

HTML 表单输入正数

小白

2023-10-05

html表单如何只允许输入正数，这个问题有几种解决办法：

使用表单属性

max：指定可输入的最大值

min：指定可输入的最小值

step：指定合法的间隔数

value：指定默认值

例如，下面表单只能输入正整数：

<input type="number" size="14" min='0' value=3>

这样虽然通过上下箭头可以限制负数，但是手动还是可以输入负数，所有，无法完全解决问题。这个可以通过javascript来限制

例如，通过使用charCode属性和onkeypress属性来限制负数的输入。

<input type="number" min="0" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))">

二、通过oninput属性来限制

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

总结：使用’min’属性和’onkeypress’/’oninput’属性以及一些JavaScript代码，可以在输入字段中只允许输入正数。