min 和 max 属性仅对 type="number"、type="date" 等语义化类型生效，对 type="text" 完全无效；浏览器仅在提交或调用 checkValidity() 时校验，不拦截输入，valueAsNumber 对非法值返回 NaN 或原值，需 JS 实时监听 input 事件并修正。
min 和 max 属性只有在 type="number"、type="date" 等语义化类型上才起作用，对 type="text" 完全无效——不是“有时没效果”，而是压根不解析。
为什么 min/max 设置了却拦不住超限输入？
浏览器只在表单提交或调用 checkValidity() 时触发原生校验，不拦截键盘输入、粘贴、拖拽等操作。用户仍可输入 999 即使 max="100"，且 valueAsNumber 会返回该非法值（而非截断或修正）。
-
min和max必须是字符串，如min="0"，不能写成min=0（HTML 属性值无引号会被忽略） - 若
value为空、非数字（如"abc"）或含前导空格，valueAsNumber返回NaN，此时范围比较失效 - iOS Safari 允许手动输入超限值，仅在点击增减按钮或提交时校验；Android 某些 WebView 对
max超过1000000会崩溃
如何用 JavaScript 实时限制并修正输入值？
监听 input 事件比 change 更及时，配合 valueAsNumber 可安全提取数值，并主动设回合法边界值。
- 优先用
input.valueAsNumber，它自动处理空值和非法字符串，比parseFloat(input.value)更可靠 - 校验后直接赋值
input.value = Math.min(Math.max(num, min), max)，避免清空再提示的打断感 - 禁用滚轮调节：加
input.addEventListener('wheel', e => e.preventDefault())，防止失焦前误调 - 不要在
keydown中preventDefault()，否则退格、小数点、负号会被一并拦截
type="range" 的 min/max 行为差异
type="range" 的 min 和 max 是强制生效的：滑块无法拖出范围，valueAsNumber 始终落在区间内，无需 JS 补充校验。
立即学习“前端免费学习笔记（深入）”；
- 它不接受文本输入，所以不存在“粘贴越界”问题
-
step影响可选刻度，设为1或"any"决定是否允许小数 - 样式完全依赖 CSS，原生 UI 不提供数值反馈，需额外用
output标签或 JS 同步显示当前值
真正关键的不是“怎么写属性”，而是接受一个事实：HTML 的 min/max 是提示层，不是控制层。只要涉及业务逻辑强约束（比如金额、年龄、权限阈值），JS 实时干预 + 服务端二次校验缺一不可——前端拦不住 curl，也拦不住开发者工具改 DOM。
