【问题标题】:HTML5 number input step bugHTML5 数字输入步骤错误
【发布时间】:2011-01-28 04:37:24
【问题描述】:

我正在尝试使用新的 HTML5 数字输入让用户输入价格。我希望步长为“0.01”。这应该相当简单,我的代码如下所示:

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

如果你稍微点击一下箭头,你会得到像 1.1400000000000001 这样的数字或像 1.1 这样的数字,这两个数字都对美元没有意义。

有谁知道使数字字段实际步长 0.01 并具有一致的有效数字数量的方法?或者,如果有人有更优雅的解决方案允许用户输入价格,我很想听听。

谢谢

【问题讨论】:

  • 简短回答——不要使用浮点数来赚钱。使用便士;但不确定数字控制是否会为您提供 0.00 格式。

标签: html input


【解决方案1】:

嗯,首先期望 Html 5 的东西在游戏早期就能按预期工作,并围绕它设计应用程序可能不是一个好主意。

至于解决方案,是的,只需要 JavaScript 递增并向用户提供向上/向下箭头或其他任何内容,点击事件可以简单地根据您想要的步长值递增/递减值。

【讨论】:

    【解决方案2】:

    这是预期的 javascript 行为,你可以看看这个answer

    【讨论】:

      猜你喜欢
      • 2012-07-29
      • 2017-11-21
      • 2017-07-28
      • 2016-11-03
      • 2012-12-31
      • 1970-01-01
      • 1970-01-01
      • 2017-05-22
      • 2016-04-17
      相关资源
      最近更新 更多