min/max属性在Safari≤15.6和IE中静默失效，控件降级为text后需JS解析校验：number用parseFloat比对，date用正则+Date实例验证，服务端须重复相同逻辑并拒绝解析失败请求。
min/max 属性在 Safari 和 IE 中直接失效，必须降级为 text 类型时补 JS 校验
type="number" 或 type="date" 的 min 和 max 在 Safari ≤15.6、IE 10/11 中会被静默忽略，控件退化为 type="text"，此时属性仍存在于 DOM，但浏览器不执行任何校验逻辑。用户可随意输入 "abc"、"2026-99-99"、"1000000000"，表单照样提交成功。
降级后不能依赖 valueAsNumber（返回 NaN），也不能用 input.validity.rangeOverflow（始终为 false），必须改用字符串解析 + 显式边界比对。
- 先判断
input.type !== 'number' && input.type !== 'date'，触发降级路径 - 对
type="number"降级：用parseFloat(input.value)解析，再与parseFloat(input.min)/parseFloat(input.max)比较 - 对
type="date"降级：用正则/^\d{4}-\d{2}-\d{2}$/初筛格式，再拆解年月日转new Date()实例比大小（注意时区） - 避免直接
input.value > input.max—— 字符串比较会出错，比如"10" > "9"是false
动态设置 min/max 后 UI 不更新？Safari 必须用 setAttribute
Safari 对 JS 赋值 input.min = '2024-01-01' 或 input.max = '100' 常不刷新控件 UI：日期日历仍显示全量可选，数字箭头仍能越界增减。这不是 bug，是 Safari 的已知行为限制。
唯一可靠写法是统一走 setAttribute，并确保值为合法字符串格式：
立即学习“前端免费学习笔记（深入）”；
-
input.setAttribute('min', '2024-01-01')—— 日期必须补零，'2024-1-1'无效 -
input.setAttribute('max', '99.9')—— 数字必须无单位、无逗号，'99,9'或'99.9px'静默失效 - 设完立即调用
input.checkValidity()触发一次校验，让 UI 反馈同步 - 若需清空约束，用
input.removeAttribute('min')，而非赋空字符串
服务端如何识别前端是否降级？别信 request.body 里的原始字符串
前端降级后，用户可能提交 "10a"、"2026-13-01" 或空格包裹的 " 50 "。服务端若只做简单字符串范围比对（如 req.body.age >= req.body.min），会因类型错误或格式混乱直接失效。
真正安全的做法是：在服务端重复执行与前端一致的解析逻辑，且拒绝所有解析失败的请求：
- 对数字字段：用
parseFloat(req.body.value)，检查是否isNaN()；再比对是否在parseFloat(req.body.min)与parseFloat(req.body.max)之间 - 对日期字段：用标准库（如 Node.js 的
dayjs(val, 'YYYY-MM-DD')）严格解析，失败即拒收；禁止用new Date(val)，它会把"2026-99-99"转成非法日期却无报错 - 不信任任何前端传来的
min/max字段——它们可能被篡改，应从配置或 schema 中读取可信边界值 - HTTP 请求中若出现
type=text但业务要求是数字，说明前端已降级或被绕过，此时更需严查
移动端软键盘不随 step 变化，输入精度失控怎么办
iOS 和部分安卓 WebView 的数字键盘不会根据 step="0.01" 自动启用小数点按钮，用户只能靠手动切换键盘模式输入小数点。更麻烦的是，即使设了 step="0.5"，用户仍可粘贴 "3.14159" 或长按输入任意位小数，而原生校验只在提交时触发。
解决方案不是堵死输入，而是聚焦“提交前归一化”：
- 监听
input事件，用正则/^-?\d*\.?\d{0,2}/截断小数位（假设业务只需两位） - 对
step有硬性要求的场景（如金额），在blur时强制对齐：Math.round(val / step) * step，并保留min/max边界 - 不要在
input中反复重置input.value，否则 iOS 上会跳动失焦；改用setSelectionRange保持光标位置 - 给用户明确反馈：用
input.setCustomValidity('请保留两位小数')，配合:invalidCSS 提示
最易被忽略的一点：降级不是“备用方案”，而是常态。Safari 用户占比仍超 20%，他们看到的永远是 text 输入框 + 你的 JS 校验逻辑。别把 min/max 当成开关，它们只是给现代浏览器的提示标签，真正的边界控制只发生在你写的那几行 parseFloat 和 new Date 里。
