这个主题(例如step="0.01")与stepMismatch相关，所有浏览器都支持如下:

在我的IPad上使用React, type="number"并不完全适合我。 对于范围在99.99999 - .00000之间的浮点数，我使用正则表达式(^[0-9]{0,2}$)|(^[0-9]{0,2}\.[0-9]{0,5}$)。第一组(…)对于所有没有浮点数的正两位数(例如23)都是正确的，|或例如。12345对于第二组(…)。您可以将其用于任何正浮点数，只需分别更改范围{0,2}或{0,5}即可。

<input
  className="center-align"
  type="text"
  pattern="(^[0-9]{0,2}$)|(^[0-9]{0,2}\.[0-9]{0,5}$)"
  step="any"
  maxlength="7"
  validate="true"
/>

我这样做

 <input id="relacionac" name="relacionac" type="number" min="0.4" max="0.7" placeholder="0,40-0,70" class="form-control input-md" step="0.01">

然后，我定义最小值在0.4，最大值在0.7，步骤0.01:0.4,0.41,0,42…0.7

这个主题(例如step="0.01")与stepMismatch相关，所有浏览器都支持如下:

<form> <input type=number step=1 /> Step 1 (default)<br /> <input type=number step=0.01 /> Step 0.01<br /> <input type=number step=any /> Step any<br /> <input type=range step=20 /> Step 20<br /> <input type=datetime-local step=60 /> Step 60 (default)<br /> <input type=datetime-local step=1 /> Step 1<br /> <input type=datetime-local step=any /> Step any<br /> <input type=datetime-local step=0.001 /> Step 0.001<br /> <input type=datetime-local step=3600 /> Step 3600 (1 hour)<br /> <input type=datetime-local step=86400 /> Step 86400 (1 day)<br /> <input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br /> </form>

是的，这是正确答案:

step="any"

这样更有效率。相信我。

<输入类型=“数字” 步骤=“任意”>

. getelementbyid(“form1”)。addEventListener(‘提交’,函数(e) { e.preventDefault (); alert("Your nnumber is: "+document.getElementById('n1').value) 警报(“这有用吗?:)请点赞”) }) <形式id =“form1 " > <input type="number" step="any" id="n1"> <按钮类型=“提交”> > < /按钮提交 > < /形式 <！——upvote:)——>