spellcheck属性不支持智能语言切换，仅绑定单一静态字典；仅textarea和contenteditable元素稳定生效；需系统级拼写检查开启且语言包完整才能显示波浪线。

它不能智能切换——spellcheck 属性本身不支持上下文语言识别，所谓“智能切换”是常见误解。

spellcheck="true" 不等于多语言自动校验

浏览器原生拼写检查只绑定一个激活字典（如 en-US 或 zh-CN），不会根据你刚打了几个中文词就切到中文词典、再打个英文缩写又切回去。它只做单向比对：用当前选中的语言字典，逐词匹配输入内容。

• 你在同一个 <textarea></textarea> 里混输 “React组件用useState”，useState 被标红？因为你当前选的是 zh-CN 字典，它不认识这个英文标识符
• 右键菜单里语言项前有对勾 ≠ 自动检测，只是你手动固定了该框的语言标签
• lang 属性（如 lang="en"）影响拼写检查目标，但它静态写死，不随输入内容动态更新

为什么 input[type="text"] 基本无效

单行输入框对 spellcheck 支持极差，Chrome 和 Firefox 都倾向跳过它，优先做格式校验（比如 type="email" 只校邮箱结构，不查拼写）。

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• <input type="text" spellcheck="true"> 在多数场景下压根不触发波浪线
• <input type="search"> 是少数例外，但依然依赖系统级拼写开关和英文直输模式
• 真正稳定生效的只有 <textarea></textarea> 和 contenteditable="true" 元素

绕过限制的实操路径：靠 HTML + 用户操作组合

没有全自动方案，但可通过明确分工把控制权交还给用户：

• 在页面上为不同语言区域分别设 lang + spellcheck="true"，例如：<div lang="en"><textarea spellcheck="true"></textarea></div> 和 <div lang="zh-CN"><textarea spellcheck="true"></textarea></div>
• 用 JS 监听焦点事件，在用户点击某区域时，自动调用 document.execCommand('setLang', false, 'en-US')（仅部分浏览器支持，兼容性差，慎用）
• 放弃自动切换，改用右键菜单快速切换：确保已安装多语言字典 → 用户右键 → “语言”子菜单 → 点击对应语言项（需页面未禁用右键）
• 对技术文档类场景，直接禁用拼写检查更可靠：<textarea spellcheck="false" autocorrect="off" autocapitalize="none" inputmode="verbatim"></textarea>

最易被忽略的一点：即使你写了 spellcheck="true" 且页面 lang 正确，如果 macOS 系统设置里关了「在网页文本框中检查拼写」，或者 Windows 的语言包没装全，红线永远不会出现——拼写检查是浏览器+系统两级联动的结果，缺一不可。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！