HTML - step 属性

HTML step 属性用于设置合法数字之间的间隔或不同的步长。

step 设置单击向上和向下微调按钮、在范围内左右移动滑块以及验证不同数据类型时的步进间隔。如果未明确包含，则数字和范围的默认值为 1。时间的默认步进值为 1 秒，900 等于 15 分钟。例如；如果 step = "3"，则合法数字可以是 -3、0、3、6 等。

注意：step 属性适用于以下输入类型：number、range、date、datetime-local、month、time 和 week。此属性可以与 max 和 min 属性一起使用以创建一系列合法值。

语法

<input step = "value" >

应用于

以下列出的元素允许使用 HTML step 属性。

元素	描述
<input>	HTML <input> 标签用于指定输入字段。

HTML step 属性示例

下面的示例将说明 HTML step 属性，以及我们应该在哪里以及如何使用此属性！

使用数字定义间隔步长

在以下示例中，我们创建了一个输入字段，我们可以在其中增加或减少数字，但是当我们设置 step="5" 时，它将使用 5 作为间隔。

<!DOCTYPE html>
<html>

<head>
   <title>HTML step Attribute</title>
</head>

<body>
   <h2>HTML step Attribute</h2>
   <input type="number" name="tp" step="5"
          placeholder="multiples of 5">
</body>

</html>

使用 step 属性禁用特定月份

在下面的代码中，输出窗口将显示应用了 step 属性（步长为 2）的输入字段，应用于输入 type=month，因此偶数月份将被禁用。

<!DOCTYPE html>
<html>

<head>
   <title>HTML step Attribute</title>
</head>

<body>
   <h2>HTML step Attribute</h2>
   <input type="month" name="month" step="2" 
          placeholder="Month will step by 2">
</body>

</html>

支持的浏览器

属性
step	是 6.0	是 10.0	是 16.0	是 5.0	是 10.6

html_attributes_reference.htm

打印页面