textarea上spellcheck属性能生效，但需同时满足spellcheck="true"、正确lang属性（如lang="en-US"）及系统已安装对应语言词典三个条件；Firefox默认不启用，需手动配置layout.spellcheckDefault=1。
spellcheck 属性在 textarea 上是否生效？
能生效，但效果高度依赖浏览器和系统级拼写检查支持。Chrome、Edge（Chromium 内核）、Safari 默认启用；Firefox 需要用户手动开启拼写检查（about:config 中设置 layout.spellcheckDefault = 1），否则即使写了 spellcheck="true" 也不标红错词。
怎么写才真正触发拼写检查？
必须同时满足三个条件：
-
spellcheck属性值为"true"（字符串，不是布尔值true） -
textarea有明确的lang属性，比如lang="en-US"或lang="zh-CN" - 用户操作系统已安装对应语言的拼写词典（例如 macOS 的英文词典默认开启，中文不检查拼写；Windows 10/11 需在「语言设置」中为对应语言启用「拼写检查」）
示例正确写法：
<textarea spellcheck="true" lang="en-US">recieve</textarea>错词
recieve 在 Chrome 中会下划红线；换成 lang="zh-CN" 后，中文输入通常无红线（因中文无“拼写错误”概念，仅对英文混输部分可能检测）。
为什么设置了 spellcheck="true" 却没反应？
常见原因有四个：
立即学习“前端免费学习笔记（深入）”；
- 浏览器不支持或被禁用：Firefox 默认关闭，
about:config中确认layout.spellcheckDefault是1 -
lang缺失或值无效（如lang="english"不被识别，必须用 BCP 47 标准，如en、en-GB） - 用户在浏览器设置里关掉了拼写检查（Chrome：Settings → Advanced → Languages → Spell check → 开启）
- 输入法处于「中文模式」且未切换到英文，部分浏览器（尤其 Safari）只对纯英文文本检测，中英混输时可能跳过
spellcheck="false" 能彻底禁用吗？
可以，但仅作用于当前元素，不影响其他 textarea 或 contenteditable 元素。注意：spellcheck="false" 不会阻止浏览器自动填充或语法建议（如 Chrome 的「自动更正」），它只关闭拼写红线提示。如果想连自动更正也关掉，得额外加 autocomplete="off" 和 autocorrect="off"（后者是 Safari 专用属性）。
容易被忽略的是：移动端 Safari 对 spellcheck 支持不稳定，有时需配合 inputmode="text" 才能触发软键盘拼写建议；而 Android Chrome 完全不响应 spellcheck 属性，只依赖系统级设置。
