html - 使 html 数字输入始终显示 2 位小数

Question

我正在制作一个表单，用户可以在其中使用 html 数字输入标签输入美元金额。有没有办法让输入框一直显示2位小数？

Answer 1

所以如果其他人偶然发现了这个问题，这里有一个 JavaScript 解决方案:

第 1 步:将您的 HTML 数字输入框挂接到 onchange 事件

myHTMLNumberInput.onchange = setTwoNumberDecimal;

如果您愿意，也可以在 html 代码中

<input type="number" onchange="setTwoNumberDecimal" min="0" max="10" step="0.25" value="0.00" />

第二步:编写setTwoDecimalPlace方法

function setTwoNumberDecimal(event) {
    this.value = parseFloat(this.value).toFixed(2);
}

通过更改 toFixed 中的“2”，您可以根据需要获得更多或更少的小数位。