如何让number类型的input支持小数提交
本文由 小茗同学 发表于 2018-01-12 浏览(10)
最后修改 2018-01-12 标签:input number 小数

正文

如下代码:

<form>
	<input type="number" name="test"/>
	<input type="submit" value="提交"/>
</form>

输入时可以正常输入数字和小数点,但是提交的时候浏览器会拦截,不允许输入小数:

修改如下即可,step表示允许的小数位个数,比如2位小数用0.01,3位小数传0.001

<form>
	小数点后可以输入2位:
	<input type="number" name="test" step="0.01"/>
	<input type="submit" value="提交"/>
</form>