可关闭数字输入框的浏览器私有范围提示，推荐显式设置 title=""；type="text"+inputmode="numeric"为替代方案；novalidate 无效，因该提示与表单验证逻辑无关。
可以关，但不是“禁用整个 HTML5 表单验证”，而是针对性地关闭数字输入框（）在 Chrome / Edge 等 Blink 内核浏览器中自动弹出的「数字范围提示」（即那个带上下箭头、悬停显示 min/max 的 tooltip）。这个提示不来自标准规范，是浏览器私有行为，且无法用 CSS 或 JS 直接拦截，但有绕过方案。
为什么 title 属性会触发数字范围提示？
Chrome/Edge 在检测到 同时设置了 min、max 或 step，且未显式设置 title 时，会自动生成一个默认 title，内容类似 “请输入介于 1 和 100 之间的数字”。这个 title 一 hover 就弹出，干扰 UX，尤其当页面已用自定义气泡提示时更显冗余。
关键点：它只对 type="number" 生效；type="text" 即使加了 min/max 也不会触发此提示。
彻底隐藏数字范围提示的三种实操方式
以下方法按推荐顺序排列，兼顾兼容性与语义正确性：
立即学习“前端免费学习笔记（深入）”；
- 最稳妥：给
显式设置空title=""—— 多数 Blink 浏览器（Chrome 90+、Edge 90+）会因此跳过生成默认提示 - 替代方案：改用
type="text"+inputmode="numeric"+ 正则限制（如pattern="[0-9]*"），完全避开原生 number 行为，同时保持移动端呼出数字键盘 - 视觉压制（不推荐）：用 CSS 隐藏原生上下箭头（
appearance: none）并覆盖::-webkit-inner-spin-button，但title提示仍存在，仅治标
novalidate 能不能关掉这个提示？
不能。novalidate 只影响表单提交时的原生校验逻辑（比如阻止“请填写此字段”红框和提交拦截），对 title 提示的生成和显示毫无影响。即使整个表单加了 novalidate，只要 input 是 type="number" 且含 min/max，hover 仍会弹出范围提示。
真正要小心的兼容性陷阱
不同浏览器处理方式差异很大：
- Safari 不显示该提示（无论有没有
title） - Firefox 从不实现此提示（连
title=""都不用设） - 旧版 Chrome（title="" 仍可能显示，此时只能换
type="text" - 若你依赖
input.valueAsNumber或表单序列化后的数值类型，换成type="text"后需手动parseInt()或parseFloat()
所以别指望一个属性全局关掉——得看浏览器版本、是否真需要原生 number 语义、以及你的提示系统是否已接管交互反馈。
