step属性设为整数时输入框仍允许小数，因其仅约束合法值和表单验证，不阻止输入；须组合type="number"、step="1"及min/max实现整数限制，并辅以JS监听input事件过滤非数字字符，且服务端必须二次校验。
step属性设为整数时为什么输入框仍允许小数？
因为 step 本身不阻止用户输入，只约束“合法值”和表单验证逻辑。浏览器不会自动截断或四舍五入你输的 1.5，哪怕 step="1" —— 它只是在调用 checkValidity() 或提交时判定该值是否合规。
如何让真正只接受整数？
必须组合使用三个属性，缺一不可：
-
type="number"：启用数字键盘和基础校验 -
step="1"：定义合法步长（step="any"会完全关闭步长约束） -
min和max（可选但推荐）：配合step缩小合法范围，避免边界溢出
示例：
<input type="number" step="1" min="0" max="100">此时输入
3.7 不报错，但提交时会触发 ValidityState.stepMismatch === true，且 valueAsNumber 返回 NaN。
想实时拦截小数输入？得靠 JavaScript
原生 HTML 无法阻止键盘输入小数点或 e，必须监听 input 或 keydown 事件手动过滤：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 监听
input更稳妥：能覆盖粘贴、拖拽等所有修改场景 - 正则
/^-?\d*$/可匹配空字符串、负号、纯数字，但要小心-单独存在 - 修改
value后需同步重置光标位置，否则光标会跳到末尾
简易实现：
input.addEventListener('input', e => {
const v = e.target.value;
if (v !== '' && !/^-?\d+$/.test(v)) {
e.target.value = v.replace(/[^-\d]/g, '').replace(/^(-)\1+/, '$1');
}
});
注意 type="number" 在 Safari 和移动端的兼容性陷阱
step="1" 在旧版 Safari（≤15.4）中对负数支持异常；iOS Safari 允许输入 1.0 并视为合法，尽管它等于整数。更麻烦的是：部分安卓键盘会默认弹出小数点按钮，用户一按就破防。
- 若业务强依赖整数，建议 fallback 到
type="text"+ 自定义输入限制 - 永远用
valueAsNumber读取数值，而不是value字符串再parseInt—— 后者对"2.0"会返回2，掩盖了非法输入 - 服务端必须二次校验，不能信任任何前端限制
最易被忽略的一点：当用户通过鼠标滚轮调整数值时，step 决定每次增减量，但若初始值是小数（如 value="2.5"），即使 step="1"，第一次滚动也会变成 3.5 —— 因为它是在当前值基础上加减 step，不是对齐到最近整数。
