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

新手上路,请多包涵

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

原文由 Cristiano 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.3k
2 个回答

所以如果其他人偶然发现了这个问题,这里有一个 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”,如果您愿意,您可以获得更多或更少的小数位。

原文由 Groot 发布,翻译遵循 CC BY-SA 3.0 许可协议

内联解决方案结合了 Groot 和 Ivaylo 的建议,格式如下:

 onchange="(function(el){el.value=parseFloat(el.value).toFixed(2);})(this)"

原文由 user1413048 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏