textarea 默认启用拼写检查，但可能因 spellcheck="false"、系统设置、输入法或语言词典缺失而失效；显式设 spellcheck="true" 可强制启用，其行为在 textarea 与 contenteditable 元素中存在差异。
textarea 的拼写检查默认是开启的，但可能被禁用
绝大多数现代浏览器对 textarea 默认启用拼写检查（spellcheck），前提是系统级拼写服务可用、输入法未强制关闭、且没有显式禁用。如果你发现没提示拼写错误，大概率是被 spellcheck="false" 关掉了，或者当前输入语言不被浏览器词典支持。
如何显式开启 spellcheck 属性
直接在 textarea 标签上添加 spellcheck="true" 即可强制启用。注意：该属性是布尔属性，但必须写成字符串值 "true" 或 "false"，不能只写 spellcheck（HTML 中这样写等价于 spellcheck="true"，但为明确意图建议显式赋值）。
示例：
<textarea spellcheck="true">这里会标出拼错的单词</textarea>
-
spellcheck="true"：启用拼写检查（推荐显式写出） -
spellcheck="false"：完全禁用（比如用于代码编辑、JSON 输入等场景） - 省略该属性：行为由浏览器默认策略决定，可能因 UA 或系统设置而异，不保证一致
拼写检查不生效的常见原因
即使写了 spellcheck="true"，仍可能看不到红线波浪线，原因包括：
- 操作系统未启用拼写检查（如 macOS 的“自动拼写检查”开关关闭，或 Windows 设置中未开启拼写纠正）
- 浏览器未加载对应语言词典（例如输入中文时，Chrome 不检查中文错别字；输入英文但系统语言设为日语，可能无响应）
- 用户正使用某些输入法（如搜狗、Rime），它们会接管文本渲染，绕过浏览器原生 spellcheck
-
textarea内容为空或全是标点/数字，无法触发校验 - CSS 设置了
caret-color: transparent或覆盖了text-decoration，导致波浪线不可见（但 spellcheck 逻辑仍在运行）
textarea 和 contenteditable 元素的 spellcheck 行为差异
spellcheck 属性在 textarea 和 div[contenteditable] 上表现不同：
-
textarea：仅对纯文本生效，不支持富文本；拼写提示始终显示在文字下方（波浪线） -
contenteditable元素：可支持粗体/链接等格式，但 spellcheck 在部分浏览器（如 Safari）中不稳定，且对嵌套标签内的文本可能失效 - 两者都受
lang属性影响：<textarea lang="en-US"></textarea>比lang="zh-CN"更容易触发英文拼写检查
如果需要更可控的拼写反馈（比如自定义提示、多语言切换），原生 spellcheck 不够用，得结合 Web API（如 SpellCheckManager 尚未标准化）或第三方库（如 typo.js）做主动校验。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
