spellcheck="false"仅对textarea和contenteditable="true"元素生效；input[type="text"]不支持该属性，需用autocorrect="off"等组合属性压制。
spellcheck="false" 能关掉红色波浪线，但只对 textarea 和 contenteditable="true" 元素真正起效；给 input[type="text"] 加这个属性基本白写。
textarea 上 spellcheck="false" 怎么写才有效
这是最简单、兼容性最好的场景：textarea 原生支持 spellcheck 属性，设为 false 后，Firefox、Chrome、Edge、Safari 都会隐藏拼写下划线（即使系统拼写检查开启）。
注意点：
- 必须显式写
spellcheck="false"，不写或写成spellcheck（无值）会被当成true - 它只影响“显示下划线”和浏览器级拼写建议，不影响输入法候选词或系统级自动替换（如 iOS 键盘的“替换文本”）
- 如果
textarea是只读（readonly）或禁用（disabled），该属性仍可设置，但无实际意义
示例：
<textarea spellcheck="false"></textarea>
立即学习“前端免费学习笔记（深入）”；
input[type="text"] 为什么 spellcheck="false" 没反应
因为 HTML 规范明确不支持：所有主流浏览器都忽略 input 上的 spellcheck 属性。你看到的红色波浪线，其实是 iOS Safari 或 Android 输入法主动渲染的，和 spellcheck 无关。
要压制这类行为，得靠组合属性：
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
autocorrect="off"：仅在 iOS Safari 和旧版 Android Chrome 中生效，现代桌面 Chrome/Firefox 完全无视 -
autocapitalize="none"：防止首字母自动大写，顺带削弱部分输入法的上下文纠错逻辑 -
autocomplete="off"：不是为了防密码填充，而是避免输入法把字段名（如name="code"）当作语义线索来加强纠错
完整写法：
<input type="text" autocorrect="off" autocapitalize="none" autocomplete="off">
代码编辑器（Monaco/CodeMirror）里 spellcheck="false" 失效怎么办
根本原因：你加属性的 DOM 节点不是真正接收输入的那个。Monaco 把一个透明 textarea 盖在 canvas 上捕获事件；CodeMirror 6 的输入层是 role="textbox" 的 textarea。波浪线就画在它上面。
正确做法是找到并操作那个隐藏的 textarea：
- Monaco：监听
editor.onDidFocusEditorText，然后查editor.getDomNode().querySelector('textarea')并设spellcheck = false - CodeMirror 6：在
view.dom插入后，执行view.dom.querySelector('textarea').spellcheck = false - 别对
pre、code或只读div设spellcheck——它们不可编辑，属性无效
iOS Safari 下 spellcheck="false" 还有短暂下划线
这不是 bug，是 Safari 的异步词典检查机制：焦点进入后约 200ms 内可能闪现红线，之后消失。单纯靠 spellcheck="false" 无法规避。
必须叠加：
-
contenteditable="true"容器上额外加autocomplete="off"和autocorrect="off" - 避免使用
inputmode="text"——它会强制唤起带拼写建议的键盘，和spellcheck冲突 - 若在 Electron 应用中，还需主进程配置
webPreferences: { spellcheck: false }，否则渲染进程的 HTML 属性会被覆盖
最易被忽略的一点：你以为关掉了拼写检查，其实只是关掉了“显示”，而输入法仍在后台做替换。真要彻底禁用，得从输入法自身设置入手（比如 iOS 关掉「自动更正」开关），HTML 属性只能做到有限压制。
