HTML | DOM 输入周 stepUp() 方法

在HTML DOM中，stepUp() 方法可以用来在输入框中增加一个指定的数量，该方法只能用在number和date类型的输入框上。

语法

element.stepUp(stepValue)

参数:

• stepValue: 必须，表示要增加的数量。

示例

<label for="quantity">请选择数量: </label>
<input type="number" id="quantity" name="quantity">
<button onclick="stepUpFunc()">加1</button>

<script>
function stepUpFunc() {
  // 获取输入框元素
  var input = document.getElementById("quantity");
  // 增加数值
  input.stepUp(1);
}
</script>

当点击按钮时，输入框中的值就会加1。

需要注意的是，如果输入框没有设置step属性，那么使用stepUp()方法后会默认增加1，如果设置了step属性则会增加step的值。比如，如果step的值为5，那么使用stepUp()方法后每次增加的值就为5。

浏览器兼容性

stepUp() 方法在以下浏览器中支持：

• Chrome
• Edge
• Firefox
• Opera
• Safari

参考链接

• HTML DOM stepUp() 方法