step属性仅规定合法值间隔，不自动四舍五入；需配合min/max限定整数范围，且须用js拦截键盘输入的小数以确保纯整数。
input type="number" 的 step 属性只对数值输入有效
step 属性本身不“控制整数步长”，它只是规定合法输入值之间的间隔。浏览器会用它校验用户输入、限制上下箭头（或滚轮）的增减量，但**不会自动把非整数输入四舍五入或截断**——输 3.7 仍算合法，只要它满足 value = min + n × step（n 为整数）。
设置 step="1" 并配合 min/max 才能真正限定整数范围
仅写 step="1" 不够，必须搭配 min 和 max（或至少 min），否则默认 min 是负无穷，step="1" 下所有整数都合法，起不到约束作用。
常见错误示例：<input type="number" step="1"> → 允许输入任意整数，包括极大负数和正数，且无初始约束
正确做法：
- 明确指定
min="0"或min="1"等下界 - 加上
max限制上界（如需） - 可选：设
value="0"提供默认值
例如：<input type="number" min="0" max="100" step="1" value="0">
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
step="any" 会完全绕过步长校验
如果误设 step="any"，浏览器将忽略所有步长逻辑，允许任意数字（包括小数、科学计数法如 1e2），此时 step="1" 的整数意图彻底失效。
注意：
- step 默认值是 "1"，不是 "any"；
- 只有显式写 step="any" 才会关闭校验；
- 若想支持小数但又限制精度（如只允许 0.5 倍数），应写 step="0.5"，而非 "any"。
JavaScript 需手动拦截非整数输入（因为 HTML 校验不阻止键盘输入）
HTML 的 step 不阻止用户键盘输入小数——比如在 step="1" 的输入框里敲 4.2，表单仍可能通过（尤其未调用 checkValidity() 时）。要真正“只接受整数”，得加 JS 控制：
推荐做法：
- 监听
input事件，用Math.round(parseFloat(e.target.value))截断或取整 - 或监听
blur，校验Number.isInteger(Number(value))，不满足则重置 - 避免只依赖
change，它不覆盖实时输入场景
简单示例（防小数输入）：input.addEventListener('input', e => { const v = parseFloat(e.target.value); if (!isNaN(v) && !Number.isInteger(v)) e.target.value = Math.round(v); });
step 属性表面简单，但实际生效依赖 min/max 配合、不拦截键盘输入、且不同浏览器对 step="1" 的默认行为略有差异——最稳妥的方式永远是 HTML 约束 + JS 校验双保险。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
