HTML5数字输入步骤错误

Question

4

我想使用新的HTML5数字输入来让用户输入价格。我希望步长为"0.01"。这应该很简单，我的代码如下:

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

如果你稍微点击一下箭头，你会得到像 1.1400000000000001 或者 1.1 这样的数字，这两个数字都不适合用于美元。

有人知道如何使数字字段实际上以 0.01 为步长，并具有一致的有效数字位数吗？或者如果有更优雅的解决方案允许用户输入价格，我很乐意听取建议。

谢谢。

- willCosgrove

4

简短回答：不要在货币计算中使用浮点数，而应该使用“分”作为单位；但不确定数字控制是否支持对此进行0.00格式化。 - david van brink

2个回答

0

这是预期的JavaScript行为，您可以查看答案。

- Orlando

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shiv Kumar · Accepted Answer

首先，希望Html 5相关技术早期就能像预期的那样正常工作并基于此设计应用程序可能并不是一个好主意。

至于解决方案，可以使用JavaScript编写代码以便提供上下箭头或其他选项，并且点击事件可以简单地增加/减少所需的步长值。