我有一个输入元素
<input type="number" min=0.083 step=0.5>
我想在输入元素和键盘上按下向上和向下箭头时以0.5为增量。
min需要为0.083。但是当然可以在输入字段的输入/更改事件中检查它。
我想要
0 +步= 0.5
0.5 +步= 1
1.3 +步骤= 1.8
2 + step = 2.5
0.5 - 步长= 0.083
但我得到的是
0 +步= 0.083
0.083 +步长= 0.583
1.3 +步长= 1.583
2 + step = 2.083
0.5 - 步长= 0.083
min = 0
0 +步= 0.5
0.5 +步= 1
1.3 + step = 1.5 //这不是我想要的。我需要它是1.8
https://jsfiddle.net/6eL64umx/1/
感谢任何帮助：）
答案 0 :(得分：0)
<input type="number" class="cn" min=0 step=0.5>
答案 1 :(得分：0)
一些JavaScript可以帮助解决您的问题。
您需要将min属性设置为0，并让JavaScript测试它是否太过分了。
将您的HTML更改为：
<input id="test" type="number" step="0.5" min=0 data-min="0.083" value="0.083">
并在某处添加以下JavaScript：
document.querySelector('input#test').onchange=function() {
if(this.value<this.getAttribute('data-min')) this.value=this.getAttribute('data-min');
}
我已将您的实际最小ID设置为data-min属性，因此您可以在HTML中更改它。