HTML - step 属性

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

该步骤设置在单击上下微调按钮、在范围内左右移动滑块以及验证不同数据类型时的步进间隔。如果未明确包含，则数字和范围的默认值设置为 1。时间的默认步进值为 1 秒，900 开始等于 15 分钟。例如;如果步骤 = “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 属性，我们应该在哪里以及如何使用此属性！

使用 Numbers 定义间隔步长

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

支持的浏览器

浏览器
是否支持	6.0	10.0	16.0	5.0	10.6

打印本页