textarea中spellcheck="false"无效是因浏览器默认行为干扰，需组合spellcheck="false"、autocomplete="off"、autocorrect="off"及CSS text-decoration-line: none才能稳定禁用拼写下划线。
spellcheck属性在textarea中为什么没效果
直接写 spellcheck="false" 通常不起作用，不是你代码写错了，而是浏览器默认行为干扰：Chrome 和 Edge 在聚焦时会强制启用拼写检查，哪怕属性设为 false，只要输入法或系统拼写服务开启，下划线仍可能出现。
真正禁用textarea拼写下划线的实操方法
必须组合两个动作才能稳定生效：
- 显式设置
spellcheck="false"（声明意图） - 配合 CSS 禁用文本装饰：
textarea { text-decoration: none; text-decoration-line: none; }—— 注意仅靠text-decoration: none不够，某些浏览器需明确指定text-decoration-line - 额外加固：加
autocomplete="off"和autocorrect="off"（iOS Safari 尤其依赖后者）
完整示例：
<textarea spellcheck="false" autocomplete="off" autocorrect="off"></textarea>+ 对应 CSS 规则。
不同浏览器的兼容性差异
spellcheck="false" 在 Firefox 中基本可靠；Chrome/Edge 需要上述 CSS + 属性组合；iOS Safari 必须有 autocorrect="off"，否则即使其他都设了，键盘仍会标红并弹出纠错候选词。
立即学习“前端免费学习笔记（深入）”；
- Android Chrome：依赖
spellcheck+autocorrect，CSS 装饰线可选但建议加上 - macOS Safari：
spellcheck="false"单独就能抑制下划线，但加 CSS 更保险 - 注意：
autocapitalize="none"可一并加上，避免首字母自动大写干扰输入体验
为什么不能只靠 JavaScript 动态移除下划线
拼写下划线是浏览器渲染层生成的装饰（类似 ::spelling-error 伪元素），无法用 JS 直接操作 DOM 节点删除。尝试监听 input 并修改 value 或 focus 状态，既无效又可能破坏光标位置和 undo 栈。唯一可控路径就是声明式属性 + CSS 渲染控制。
真正麻烦的是混合输入场景——比如用户切换中英文输入法，或粘贴带拼写错误的文本，此时 autocorrect="off" 才是关键防线。漏掉它，光靠 spellcheck 就像关窗不锁门。
