step属性用于约束number、range、date等输入框的合法值步进单位：number类型控制数值最小变化量，默认1；range控制滑块刻度；date以天为单位；需配合min/max使用，且服务端须二次校验。
step 属性用于限制 <input type="number">、<input type="range"> 和 <input type="date"> 等输入框中用户可选或输入的数值间隔，它不改变输入框的显示方式，只约束合法值的“步进单位”。
step 控制数字输入的最小变化量
对 type="number"，step 决定用户点击上下箭头、用键盘上下键或手动输入时，数值允许变化的最小单位。默认值为 1，即只能输入整数。
-
<input type="number" step="0.5">：允许输入如 1.0、1.5、2.0、2.5 等，但 1.3 会被视为无效（提交时可能报错或被浏览器自动修正） -
<input type="number" step="any">：取消步长限制，允许任意精度的小数（如 π、√2） -
<input type="number" step="10">：只接受 10 的整数倍，如 0、10、20、-10
step 与 min/max 共同作用决定有效范围
单独设 step 不够，必须配合 min（最小值）和 max（最大值）才能明确所有合法值。浏览器会从 min 开始，按 step 递增，直到超过 max 为止。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
<input type="number" min="1" max="10" step="3">→ 合法值为：1、4、7、10（1 + 0×3, 1 + 1×3, 1 + 2×3, 1 + 3×3） - 若
min="0.1"，step="0.2"，则合法值是 0.1、0.3、0.5……（注意：浮点精度可能导致显示偏差，建议优先用整数比例表达，如min="1" step="2" value="100"表示“每格 0.01”，再在 JS 中除以 100 处理）
step 在 range 和 date 类型中的实际表现
type="range" 的 step 决定滑块可停靠的刻度位置；type="date" 的 step 单位是“天”（不能设为小时或分钟），默认为 1 天。
立即学习“前端免费学习笔记（深入）”；
-
<input type="range" min="0" max="100" step="25">：滑块只能停在 0、25、50、75、100 这 5 个位置 -
<input type="date" step="7">：日期选择器仍显示每日，但表单验证只接受星期一（即每 7 天一个有效起点），实际兼容性有限，多数浏览器忽略该设置
注意事项和常见误区
step 是客户端验证机制，不影响后端逻辑；它不阻止用户手动输入非法值，仅触发浏览器原生校验（如调用 reportValidity() 或提交时提示）。
- 不要依赖 step 做唯一校验，服务端必须重新验证数值是否符合步长规则
- 避免用小数 step（如 0.1）配合大范围 min/max，因浮点误差可能导致边界值意外失效
- 对货币等场景，推荐用整数 cents 输入（
step="1" min="0"），再在展示层转换为元，规避精度问题
