HTML <input> 标签的 step 属性 详解
HTML基础 2022-06-02 12:04:04小码哥的IT人生shichen
HTML <input> 标签的 step 属性
实例
带有合法数字间隔的数字输入控件：
<form action="demo_form.php" method="get">
<input type="number" name="points" step="3" />
<input type="submit" />
</form>
完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<form action="/demo/demo_form.php" method="get">
<input type="number" name="points" step="3" />
<input type="submit" />
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
step 属性规定输入字段的合法数字间隔（假如 step="3"，则合法数字应该是 -3、0、3、6，以此类推）。
提示：step 属性可以与 max 以及 min 属性配合使用，以创建合法值的范围。
注释：step、max 以及 min 属性适用于以下 <input> 类型：number, range, date, datetime, datetime-local, month, time 以及 week。
HTML 4.01 与 HTML 5 之间的差异
step 属性是 HTML5 中的新属性。
语法
<input step="number">
属性值
| 值 | 描述 |
|---|---|
| number | 规定输入字段的合法数字间隔。 |
