如何以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

number类型的step值控制哪些数字有效（以及max和min），默认为1。步进按钮的实现也使用此值（即按下增加step）。

只需将此值更改为适当的值即可。为了钱，可能需要两位小数：

<input type=number step=0.01 />

（我还设置min=0，如果它只能是正数）

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

Answer 2

设置step="any"

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