html - 输入类型编号始终显示 2 位小数

Question

我有 <input type="number" value="0.00" min="0.00" max="1.00" step="0.05">但是当它达到 0.1 或 0.2 或 0.3 等时。我需要显示 0.10 而不是 0.1，1.00 而不是 1

我试过了 pattern="^\d+(\.|\,)\d{2}$"属性，但它不起作用。有什么办法可以做到这一点？

Answer 1

您可以实现 onchange 事件并使用 toFixed(2)

<input type="number" onchange="(function(el){el.value=parseFloat(el.value).toFixed(2);})(this)" value="0.00" min="0.00" max="1.00" step="0.05">