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