HTML | DOM 输入范围 stepUp() 方法(1)

📌 相关文章

📜 HTML | DOM 输入范围 stepUp() 方法(1)

📅 最后修改于: 2023-12-03 15:15:37.995000 🧑 作者: Mango

HTML | DOM 输入范围 stepUp() 方法

简介

在 HTML5 中，可以使用带有 step 属性的 <input> 元素来创建输入范围。stepUp() 方法增加输入范围的当前值。

语法

element.stepUp(n)

参数：

n：选填，表示要增加的步数。如果省略，则默认为 1。

返回值

无。

示例

使用 stepUp() 方法使输入范围的当前值增加 1：

<!DOCTYPE html>
<html>
<body>

<input type="number" id="myNumber" step="2" value="10">

<button onclick="step()">增加值</button>

<script>
function step() {
  document.getElementById("myNumber").stepUp();
}
</script>

</body>
</html>

这个示例中，输入范围的 step 属性为 2，value 属性为 10。点击 "增加值" 按钮后，调用 step() 函数，使用 stepUp() 方法，使输入范围的当前值增加 1（step 属性为 2，所以当前值变为 12）。

注意事项

如果已经到达了输入范围的最大值，则调用 stepUp() 方法不会有效果。
如果 n 参数为负数，则使用 stepDown() 方法来减少输入范围的当前值。
stepUp() 方法仅适用于带有 step 属性的输入范围。