spellcheck="false" 在 textarea 中仅在浏览器原生拼写检查开启时生效；若系统或浏览器禁用该功能，则属性被忽略。常见波浪线残留原因包括：拼写检查未启用、输入法/插件干扰、旧版 safari 支持不全。
spellcheck="false" 在 textarea 中是否生效
生效，但有前提：必须是浏览器原生拼写检查功能开启的前提下，spellcheck="false 才能起作用。如果用户系统或浏览器禁用了拼写检查（比如 Chrome 关闭了“使用拼写检查”选项），那这个属性就完全没机会触发——不是它失效，而是整个机制被关掉了。
为什么加了 spellcheck="false" 还有波浪线
常见原因有三个：
- 浏览器未启用拼写检查（如 Chrome 设置里关闭了
Settings > Advanced > Languages > Use spelling correction）；此时spellcheck属性被忽略，所有值都无效 - 输入法或第三方插件（如 Grammarly、搜狗输入法 PC 版）自己画的红线，和 HTML 的
spellcheck无关 - 某些旧版 Safari 或 iOS WebKit 对
textarea的spellcheck支持不完整，需配合autocomplete="off"和autocorrect="off"（iOS 专用）才稳定
textarea 禁用波浪线的完整写法
单靠 spellcheck="false" 不够保险，尤其在移动端。推荐组合写法：
<textarea spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off"></textarea>
其中：autocorrect 是 iOS/Safari 专属属性，autocapitalize 防止首字母自动大写干扰输入体验，autocomplete="off" 能顺便抑制部分浏览器的内联建议下拉框。
React/Vue 中动态控制 spellcheck 的坑
在框架中直接写 spellcheck={false} 可能被转成字符串 "false"（即真值），导致浏览器认为开启了拼写检查。正确做法是：
- React：用
spellCheck={false}（注意驼峰，且传布尔值，不是字符串） - Vue：用
:spellcheck="false"（绑定语法确保类型正确） - 服务端渲染（SSR）场景下，若初始 HTML 已写死
spellcheck="true"，JS 后续设为false可能不立即生效，建议初始化时就写对
波浪线是否消失，最终取决于浏览器渲染时读到的初始属性值，而不是 JS 后续修改——这点容易被忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
