使用input的type="number"配合min、max和step属性可限制数字输入范围与精度，min/max设定合法区间，step控制步进值及小数位数，但需JavaScript补充校验以确保输入合法性。
用 input 标签的 type="number" 配合 min、max 和 step 属性，就能限制数字输入框的可输入范围。
设置最小值和最大值
通过 min 和 max 属性指定合法数字区间。用户无法通过上下箭头或手动输入超出该范围的值（部分浏览器会自动修正或禁用提交）。
- 例如只允许输入 1 到 100 的整数：
<input type="number" min="1" max="100">
控制步进值（精度）
step 决定每次点击上下箭头时增减的数值，也影响允许输入的小数位数。默认为 1，设为 0.1 可支持一位小数，设为 any 则不限制小数精度。
- 允许 0～10 之间、步长为 0.5 的数值：
<input type="number" min="0" max="10" step="0.5">
- 允许任意小数（如 3.14159）：
<input type="number" step="any">
补充提示与验证建议
仅靠 HTML 属性不能完全阻止非法输入（比如粘贴超范围数字），建议配合 JavaScript 做实时校验或表单提交前验证。同时可添加 placeholder 或 title 提示用户范围要求。
立即学习“前端免费学习笔记（深入）”；
- 带提示的写法：
<input type="number" min="1" max="10" step="1" placeholder="请输入1-10的整数" title="必须在1到10之间">
