HTML5号码input – 始终显示2位小数

是否有任何方法来格式化input[type='number']值始终显示2个小数位?

例如:我想看到"0.00"而不是0

谢谢

你不可能真的,但你中途可能是:

 <input type='number' step='0.01' value='0.00' placeholder='0.00' /> 

解决了以下build议,并添加一块jQuery强制整数格式parseFloat($(this).val()).toFixed(2)

使用step属性将启用它 。 它不仅决定了它应该循环多less,而且决定允许的数字。 使用step="0.01" 应该做的伎俩,但这可能取决于浏览器如何遵守标准。

 <input type='number' step='0.01' value='5.00'> 

在Chrome中使用input="number" step="0.01"的解决scheme对我很好用,但是在某些浏览器中,特别是Frontmotion Firefox 35在我的情况下是不行的。

我的解决scheme是jQuery与Igor Escobar的jQuery Mask插件,如下所示:

 <script src="/your/path/to/jquery-mask.js"></script> <script> $(document).ready(function () { $('.usd_input').mask('00000.00', { reverse: true }); }); </script> <input type="text" autocomplete="off" class="usd_input" name="dollar_amt"> 

这很好,当然应该检查后提交的值:)注意,如果我不必这样做的浏览器兼容性,我会使用@Rich Bradshaw的上述答案。

看看这个 :

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

这是正确的答案:

 <input type="number" step="0.01" min="-9999999999.99" max="9999999999.99"/>