HTML5中有浮点输入类型吗？

Question

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

然而，它只是一个包含整数的“向上向下”控件（反正是Chrome的最新版本），而不是浮点：

null

html lang-html prettyprint-override"><input type="number" id="totalAmt"></input>

null

是否有一个HTML5本机的浮点输入元素，或者一种使数字输入类型与浮点而不是int一起工作的方法？还是必须求助于jQuery UI插件？

Answer 1

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

但是，如果您希望所有的数字都是有效的，整数和小数都一样呢？在这种情况下，将step设置为“any”

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

我在Chrome中工作，没有在其他浏览器中测试过。

Answer 2

number类型具有一个step值，该值控制哪些数字是有效的（以及max和min)，该值默认为1。此值也用于步进按钮的实现（即按下“向上”增加step)。

只需将该值更改为任何合适的值。对于金钱，小数点后两位大概是意料之中的：

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

（如果只能为正，Id还设置min=0)

如果希望允许任何小数位数，可以使用step=“any”（但对于货币，我建议坚持使用0.01)。在Chrome和Firefox中，当使用any时，步进按钮将递增/递减1。（感谢Michal Stefanow的回答指出any，请参阅此处的相关规范）

下面是一个游乐场，展示了各种步骤如何影响各种输入类型：

null

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