HTML5中有浮点输入类型吗?

根据html5.org，“number”输入类型的“value属性，如果指定且不为空，必须有一个有效浮点数的值。”

然而，它只是一个带有整数的“上下”控件(至少在最新版本的Chrome中)，而不是浮动:

<输入类型=“数字” id=“totalAmt”></input>

是否有一个原生的HTML5浮点输入元素，或一种方法，使数字输入类型与浮点，而不是整数工作?或者我必须求助于jQuery UI插件?

当前回答

通过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">

我这样做

 <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属性用于输入类型number:

<input type="number" id="totalAmt" step="0.1"></input>

Step ="any"将允许任何小数。 Step ="1"不允许小数。 Step ="0.5"允许为0.5;1;1.5;.．. Step ="0.1"允许为0.1;0.2;0.3;0.4;.．.

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

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

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

推荐文章