通过http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

但是如果你想让所有的数字都是有效的，整数和小数都是有效的呢?在本例中，将step设置为“any”

<input type="number" step="any" />

适用于我的Chrome浏览器，没有测试在其他浏览器。

你可以使用:

<input type="number" step="any" min="0" max="100" value="22.33">

<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>

<input type="number" step="any">

这为我工作，我认为是最简单的方法，使输入字段接受任何小数，而不管小数部分有多长。 Step属性实际显示输入字段应该接受多少个小数点。 例如，step="0.01"将只接受两个小数点。

我遇到了同样的问题，我可以通过在数字中添加逗号而不是句号/句号来解决它，因为法语本地化。

所以它适用于:

2就可以了

2,5也可以

2.5是KO(这个数字被认为是“非法的”，你得到的是空值)。

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