更改HTML数字输入的增量值 - 小数

时间:2014-09-23 19:25:50

标签: html

在HTML数字输入表单上使用向上/向下箭头时,有没有办法改变数字增加的数量?

<input type="number" step="any" value="0.00000000"></input>

我使用的是小数字,如果向上/向下箭头一次增加0.00000001而不是整数,那就太好了。

  • 0.00000000
  • 0.00000001
  • 0.00000002
  • 0.00000003

而不是

  • 0.00000000
  • 1
  • 2
  • 3

我非常怀疑是否有一种简单的方法可以做到这一点,只是我会问,看看是否有其他人有解决方法或方法,因为我确信很多人都会遇到类似的问题。 / p>

谢谢,

1 个答案:

答案 0 :(得分:69)

step attribute就是为了这个。您的代码现在具有值any,这意味着接受任何值并且步长是默认值,1。将其替换为特定数字以设置粒度和步长。示例:

&#13;
&#13;
<input type="number" step="0.00000001" value="0.00000000">
&#13;
&#13;
&#13;

注意:结束标记</input>在HTML5的HTML语法中无效。在XHTML语法中,它是允许的,但建议使用“自闭标签”而不是它,例如<input type="number" step="0.00000001" value="0.00000000" />