在 <input type="number"> 上设置 min 和 max 属性可限制数值范围，需为纯数字字符串（如 min="0.5"），配合 step（如 step="0.1" 或 "any"）确保精度；但仅前端限制不可靠，须辅以 JS 实时校验和后端验证。
直接在 <input type="number"> 上设置 min 和 max 属性即可限制用户可输入或调节的数值范围，浏览器会自动禁用超出区间的增减按钮，并在提交时触发基础验证。
基础写法与取值要求
这两个属性必须是纯数字字符串，不带单位、逗号或空格：
-
min="0"表示最小允许值为 0（含），max="100"表示最大允许值为 100（含） - 支持小数：
min="0.5" max="9.9"是合法的，但需注意精度问题 - 不能写成
min="0元"、min="1,000"或min="zero"，否则属性失效
必须配合 step 控制有效值精度
仅设 min/max 不足以保证输入值“真正合规”，尤其涉及小数时：
- 默认
step="1"，若min="0.5"，用户仍可能输 0.6 并通过前端校验（因未显式限制步长） - 推荐显式设置：
<input type="number" min="0.5" max="9.9" step="0.1"> - 若允许任意小数，可用
step="any"，但它不绕过 min/max 限制
常见易错点提醒
这些细节常被忽略，却直接影响功能是否可靠：
-
min/max对type="text"无效，只对语义化类型（number、date、range等）生效 - 用户可通过粘贴、键盘直接输入超限值，浏览器仅在提交时提示错误，无法阻止输入行为
- 旧版 Android 浏览器可能部分忽略这些属性，建议关键业务加 JavaScript 实时校验
- 服务端必须重新验证，不可信任任何前端限制
增强体验的小技巧
让限制更友好、更可控：
- 加上
required避免空值绕过范围检查 - 监听
input事件，用setCustomValidity()提供清晰错误提示 - 结合
valueAsNumber在 JS 中做逻辑判断，比如“输入值不能超过账户余额” - 初始加载时若已知合理范围，直接写死属性，减少首次交互延迟
