spellcheck属性仅提示浏览器允许拼写检查，不修正错字、不阻止提交、不校验语义；其生效需满足可编辑元素（如text/textarea/contenteditable）、用户正在输入、系统拼写开关开启、无autocorrect等属性压制等条件。
spellcheck 属性本身不触发检查，只告诉浏览器“允许在这里做拼写提示”——它既不修正错字，也不阻止提交，更不校验语义。
spellcheck="true" 为什么没红线？
波浪线不出现，90% 不是代码写错了，而是环境或组合条件没凑齐：
- 元素必须可编辑：
textarea、input type="text"、或带contenteditable="true"的div；span、p（没设 contenteditable）、input type="email"都不会响应 - 用户得正在输入：只读（
readonly）、禁用（disabled）、或输入法处于中文模式时，浏览器通常跳过检查 - 系统级开关要打开：macOS 需勾选「系统设置 → 键盘 → 文本输入 → 在网页文本框中检查拼写」；Windows/Chrome 需在
chrome://settings/languages中启用拼写检查并安装对应语言词典 -
spellcheck="true"被其他属性压制：比如 iOS Safari 下autocorrect="off"会直接屏蔽拼写建议，哪怕 spellcheck 是 true
哪些 input 类型真正受 spellcheck 控制？
不是所有 input 都听 spellcheck 的话：
- 可靠生效的只有：
type="text"、type="search"—— Chrome/Firefox/Edge 均支持，显式加spellcheck="true"最稳妥 - 基本无效的：
type="email"、type="url"、type="tel"—— 浏览器优先做格式校验，拼写检查被忽略，设spellcheck="false"也无实际效果 - 完全无视的：
type="password"、type="number"、type="date"—— 即使加了 spellcheck，DOM 解析时就被浏览器静默丢弃 - 移动端特别注意：
inputmode="numeric"或inputmode="tel"会让系统键盘直接禁用拼写逻辑，spellcheck 形同虚设
contenteditable 元素怎么配 spellcheck 才有效？
contenteditable 是 spellcheck 最容易翻车的场景，因为默认关闭且不继承：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 必须显式写：
<div contenteditable="true" spellcheck="true">—— 只写contenteditable不够，多数浏览器默认当spellcheck="false" - 子元素不继承：
<p contenteditable="true" spellcheck="true"><span>hello</span></p>中的span不会自动检查，需单独加spellcheck="true" - 父级
spellcheck="false"会覆盖子级：<div spellcheck="false"><p contenteditable spellcheck="true">…</p></div>里p仍不会检查 - CSS 干扰风险：
user-select: none或pointer-events: none可能破坏编辑态，导致波浪线渲染失败
spellcheck="false" 为什么还在标红？
你看到的红线大概率不是 spellcheck，而是系统级自动更正（autocorrect）或输入法自带纠错：
- iOS Safari 下：
autocorrect="on"（默认）会强制标红并弹建议，此时spellcheck="false"完全无效；必须加autocorrect="off"+autocapitalize="none" - Android Chrome：
spellcheck="false"通常管用，但若系统设置里开启了「拼写检查」，键盘仍可能提供下划线，这和 spellcheck 属性无关 - 真正想禁用一切干扰？对代码/Token/用户名等场景，建议组合：
spellcheck="false" autocorrect="off" autocapitalize="none" inputmode="verbatim"
最易被忽略的一点：spellcheck 是纯前端 UI 提示，没有网络请求、不加载词典、不校验上下文。它连 “their” 和 “there” 都分不清，更别说专有名词或新造词——别把它当校验逻辑用。
