标签需同时设置 contenteditable="true" 和 spellcheck="true" 才能触发拼写检查，因其默认不可编辑；替代方案是使用原生可编辑的 或 ，语义更匹配且兼容性更好。

spellcheck 属性确实能让 <p></p> 标签支持拼写检查，但实际效果受限于浏览器行为和元素可编辑性——默认情况下，<p></p> 是不可编辑的，所以即使加了 spellcheck="true"，也不会触发拼写检测。

为什么 <p spellcheck="true"></p> 没反应？

因为拼写检查只在「用户可输入内容」的上下文中生效。原生 <p></p> 不接受键盘输入，浏览器直接忽略其 spellcheck 设置。你看到的“没波浪线”“没纠错提示”，不是属性写错了，而是它根本没被激活。

让 <p></p> 可编辑并启用拼写检查

必须同时满足两个条件：可编辑 + 显式开启拼写检查。最简方式是加 contenteditable="true"：

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

<p contenteditable="true" spellcheck="true">This sentense has a mispelled word.</p>

此时 Chrome / Edge / Safari（macOS）会为错误单词标红波浪线，右键可选纠正建议。注意以下要点：

• spellcheck 默认值是 true，但显式写出更可靠，避免继承干扰
• Firefox 对 contenteditable 元素的拼写检查支持较弱（尤其 Linux/Windows），macOS Firefox 表现稍好
• 若父容器有 spellcheck="false"，会继承禁用，需在 <p></p> 上重新设为 true
• 中文输入法下，英文单词仍会被检查；但中英文混排时，部分浏览器可能跳过紧邻中文的英文词

替代方案：用 <textarea></textarea> 或 <input> 更稳妥

如果目标是让用户输入并实时校验英文拼写，优先考虑语义更匹配的表单控件：

• <textarea spellcheck="true"></textarea> —— 支持多行，各浏览器拼写检查一致性高
• <input type="text" spellcheck="true"> —— 单行场景，响应更快
• 两者都不需要 contenteditable，天然可编辑，spellcheck 直接生效
• 若必须用段落样式，可用 CSS 重置表单控件外观：textarea { border: none; background: transparent; font: inherit; resize: none; }

真正容易被忽略的是：拼写检查依赖操作系统级词典和浏览器本地设置，用户关闭了系统拼写检查或切换了语言区域，spellcheck="true" 就完全失效——这无法通过前端代码绕过。

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