spellcheck属性仅是提示浏览器是否启用原生拼写高亮，非强制开关；是否显示波浪线取决于系统词典、输入法模式、焦点状态及autocorrect等属性协同作用，且仅对textarea、input[type="text"/"search"]和contenteditable元素生效。
spellcheck 属性不是开关，它只是向浏览器发出一个提示：允许或禁止对这个可编辑元素启用原生拼写高亮。是否真画出红色波浪线，取决于浏览器实现、系统词典、输入法状态，以及有没有其他属性在底层覆盖它。
textarea spellcheck="true" 没红线？先查这四件事
90% 的“失效”不是代码写错，而是环境没配齐：
- 系统级拼写检查未开启：macOS 要进「系统设置 → 键盘 → 文本输入 → 在网页文本框中检查拼写」；Windows/Chrome 需在
chrome://settings/languages中启用并安装 English (US) 词典 - 输入法处于中文模式：哪怕你打的是英文单词，搜狗、微软拼音等会拦截拼写反馈；必须切换到纯英文直输（如按
Shift或Ctrl+Space） - 没触发检查时机：
textarea不是逐字实时标红，需在输入后按下空格、回车或Tab才可能触发 - 元素未聚焦或被禁用：
disabled、readonly或未获得焦点时，拼写检查不会激活
contenteditable 元素 spellcheck 必须显式声明且不继承
contenteditable="true" 的 <div> 或 <p> 默认是 spellcheck="false"，这是最容易被忽略的默认行为：
- 错写：
<div contenteditable="true"><p>hello</p></div>——<p>不会标红，因为父级没设spellcheck，子级也不继承 - 正确：
<div contenteditable="true" spellcheck="true"><p spellcheck="true">hello</p></div> - CSS 干扰：若含
user-select: none或pointer-events: none，编辑态异常，波浪线压根不渲染 - 父级设了
spellcheck="false"会覆盖所有子级，嵌套结构里要逐层检查
input 元素哪些 type 真正响应 spellcheck？别白费劲
不是所有 <input> 都支持，浏览器优先走格式校验逻辑，spellcheck 在部分类型上形同虚设：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 可靠生效：
type="text"、type="search"—— 显式写spellcheck="true"最稳妥 - 基本无效：
type="email"、type="url"、type="tel"—— 即使加了属性，Chrome/Firefox 通常跳过拼写检查（RFC 格式校验优先） - 完全无视：
type="password"、type="number"、type="date"—— DOM 解析时就被浏览器静默丢弃 - 移动端特别注意：
inputmode="numeric"或inputmode="tel"会让系统键盘直接禁用拼写逻辑，spellcheck失去作用对象
移动端 spellcheck="false" 为什么还标红线？iOS 是重灾区
单靠 spellcheck="false" 在 iOS Safari 上基本无效，真正起效的是系统级 autocorrect：
- iOS Safari 中，
autocorrect="off"会直接压制拼写建议，此时spellcheck="false"形同虚设 - 要彻底禁用干扰，推荐四件套组合：
spellcheck="false"+autocorrect="off"+autocapitalize="none"+inputmode="verbatim" - 动态控制必须逐节点操作：
el.spellcheck = false（不是setAttribute），否则部分浏览器不重绘波浪线 - 修改后波浪线不会立即消失，可能需要失焦再聚焦或内容重排才刷新
真正容易被忽略的点是：拼写检查依赖用户本地环境，而非你的 HTML 代码。同一个 <textarea spellcheck="true">，在 macOS 开了系统拼写、用英文直输的 Chrome 里能标红，在 iOS Safari 或企业部署的 Edge 里可能完全静默——这不是 bug，是设计如此。
