spellcheck="false" 对非文本类 input（如 email、number）无效，因浏览器不对其拼写检查；ios 上需配合 autocorrect="off" 等属性才能禁用自动更正；textarea 中较可靠，contenteditable 需额外处理；该属性不影响校验逻辑。
spellcheck 属性设成 false 为什么没用
因为 spellcheck 是 HTML 全局属性，但只对可编辑元素生效——<input> 默认不可编辑（除非是 type="text" 或 type="search" 等），且浏览器实现有差异。最常见的情况是：你给 <input type="email"> 或 <input type="number"> 设了 spellcheck="false"，但它根本不会触发拼写检查，所以关不关都一样。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
spellcheck对<input type="text">、<input type="search">、<textarea></textarea>有效；对type="email"、type="url"、type="number"等基本无效（浏览器不检查，也不响应该属性） - Chrome 和 Edge 在
contenteditable元素上支持更稳定；若需强控，可改用<div contenteditable="true" spellcheck="false"> <li>Safari 对 <code>input的spellcheck支持较弱，有时需配合autocomplete="off"和autocorrect="off"（iOS Safari 特别依赖后者） - 必须同时加
autocorrect="off"（禁用自动更正）、autocapitalize="none"（禁用首字母大写）、autocomplete="off"（减少上下文联想） - iOS Safari 中，仅
spellcheck="false"几乎无效；Android Chrome 则相对听话，但也要防备输入法自带的拼写提示 - 如果输入的是代码、token、邮箱本地部分等，建议额外加
inputmode="verbatim"（提示键盘用纯文本模式） -
<textarea spellcheck="false"></textarea>在主流浏览器中基本可靠，适合短文本输入场景 <div contenteditable="true" spellcheck="false"> 需确保该元素没有 <code>role="textbox"或其他语义化干扰，且最好加上style="caret-color: auto;"避免某些安卓 WebView 强制启用检查- 若用 React/Vue 渲染，注意属性名大小写：
spellcheck是小写，不是spellCheck（JSX 中会转成小写，但模板字符串里写错就失效） - 用户填写身份证号、验证码、API key 等字段时，务必关闭：
<input type="text" spellcheck="false" autocorrect="off" autocomplete="off"> - 多语言混合输入（如中英混输）场景下，
spellcheck="true"可能频繁误报，反而降低可用性，此时宁可全关 - 不要依赖
spellcheck做校验逻辑——它只是 UI 提示，无法阻止提交，也不能替代后端或 JS 的格式验证
input 上 spellcheck="false" 还是被标红下划线
这不是拼写检查，而是 iOS / macOS 的自动更正（autocorrect）或语法建议（autocapitalize）在起作用。系统级输入法会绕过 spellcheck，直接对文本内容加红线或弹建议框。
实操建议：
立即学习“前端免费学习笔记（深入）”；
textarea 和 contenteditable 的 spellcheck 行为差异
<textarea></textarea> 是表单控件，spellcheck 行为较统一；而 contenteditable 是通用编辑容器，各浏览器对其拼写检查策略更激进——比如 Chrome 默认对所有 contenteditable 开启拼写检查，即使设了 spellcheck="false"，也可能因父级继承或样式影响失效。
实操建议：
立即学习“前端免费学习笔记（深入）”；
spellcheck 属性对性能和无障碍的影响
开或关 spellcheck 本身几乎不耗性能，但开启后浏览器会在后台做词典匹配和上下文分析，对长文本（如 >1000 字）可能造成轻微输入延迟，尤其在低端 Android 设备上。更重要的是：它会影响屏幕阅读器行为——某些读屏软件会把拼写错误标记当作可交互节点播报，打乱阅读流。
实操建议：
立即学习“前端免费学习笔记（深入）”；
真正麻烦的不是怎么关，而是不同输入法+不同 OS+不同浏览器组合下，同一组属性可能表现完全不同。尤其在 hybrid App 或 WebView 里，得挨个测 iOS Safari、Android Chrome、微信内置浏览器这三类环境。
