如何在HTML表单中输入浮点数？

Question

我的代码如下：

<input type="number" min="4.50" max="9.90"  id="cpi" name="cpi" required="required" title="CPI" class="formfield3" />

CPI 是一个浮动值。但是，如果我在浏览器中打开它并输入浮点数（例如 7.89）的值，则会显示“无效值”消息。怎么解决呢？

Answer 1

放step="any"

<input type="number" min="4.50" max="9.90" step="any" id="cpi" name="cpi" required="required" title="CPI" class="formfield3" />

Answer 2

该number类型有一个step值控制哪些数字有效（与max和 一起min），默认为1。该值也用于步进按钮的实现（即按下向上增加step）。

只需将此值更改为适当的值即可。对于金钱来说，可能需要两位小数：

<input type=number step=0.01 />

（我也会设置min=0是否只能是正数）

像往常一样，我将添加一个简短的注释：请记住，客户端验证只是为了方便用户。您还必须在服务器端进行验证！