当前位置: 首页 > 知识库问答 >
问题:

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

司空俊雄
2023-03-14

有没有办法将输入[type='number']值的格式设置为始终显示两位小数?

示例:我想查看0.00,而不是0

共有3个答案

东深
2023-03-14

使用步骤属性将启用它。它不仅决定了它应该循环多少,还决定了允许的数量。使用step="0.01"应该可以做到这一点,但这可能取决于浏览器如何遵守标准。

<input type='number' step='0.01' value='5.00'>
苏振国
2023-03-14

解决以下建议,并添加一段jQuery强制整数格式:

parseFloat($(this).val()).toFixed(2)
丌官利
2023-03-14

仅使用HTML并不能真正做到这一点,但您可能需要跨出一大步:

<input type='number' step='0.01' value='0.00' placeholder='0.00' />
 类似资料:
  • 我正在制作一个表单,用户可以使用html数字输入标记输入美元金额。有没有办法让输入框始终显示2位小数?

  • 问题内容: 我有一个ng模型的浮点值,我希望始终在其小数点后2位显示: 当“ myNumb”为小数时,此方法适用于大多数情况。但是,如果“ myNumb”的小数位数少于2个(3.2)或整数(30), 则不会强制显示小数点后2位。如何在字段中强制显示小数点后2位 问题答案: AngularJS-输入数字两位小数可以帮助…过滤: 设置正则表达式以使用ng-pattern验证输入。在这里,我只接受最多2

  • 问题内容: 我想格式化我的数字,使其始终显示2个小数位,并在适用的情况下四舍五入。 例子: 我一直在使用这个: 但它显示为,而不是。 问题答案: (Math.round(num * 100) / 100).toFixed(2); 现场演示 请注意,它将 四舍五入 到小数点后两位,因此输入将返回。

  • 问题内容: 我想显示: 如 和: 如 不管小数点的长度或是否有任何小数位,我都希望显示带有2个小数位的a,并且我想以一种有效的方式来做到这一点。目的是显示货币值。 例如, 问题答案: 我想您可能正在使用模块中的对象?(如果您需要精确到小数点后两位精确到两位数且任意大的数字,那么绝对应该如此,这就是您的问题标题所暗示的……) 如果是这样,文档的“ 十进制常见问题解答” 部分将包含一个问题/答案对,这

  • 问题内容: 我要显示: 和: 不管小数点的长度或是否有小数位,我都希望显示一个带有2个小数位的,并且我想以一种有效的方式做到这一点。目的是显示货币值。 例如, 问题答案: 我想你可能正在使用模块中的对象?(如果你需要精确到小数点后两位任意大数的精度,则绝对应该如此,这就是你的问题标题所建议的……) 如果是这样,则文档的“ 十进制常见问题解答”部分将包含一个问题/答案对,这可能对你有用: 问:在具有

  • 问题内容: 我想始终显示输入“数字”字段的上/下箭头。这可能吗?到目前为止,我还没有任何运气… HTML: CSS: 问题答案: 您可以使用Opacity属性(至少在Chrome中)实现此目的: 如上所述,这可能仅在Chrome中有效。因此,请谨慎使用此代码,不要对其他浏览器进行回退。