spellcheck 是 html5 布尔属性,用于控制浏览器对可编辑元素(如 input、textarea、contenteditable 元素)的拼写检查,仅高亮错误而不修正,依赖浏览器实现且不可替代服务端校验。

spellcheck 是 HTML5 中一个布尔属性,用于控制浏览器是否对元素内容进行拼写和语法检查。它不自动修正错误,只在支持的浏览器中高亮疑似拼写错误的单词(通常加红色波浪线)。
哪些元素支持 spellcheck?
该属性适用于可编辑的元素,包括:
-
input(type="text"、"search"、"url"、"tel"、"email"等文本类输入) textarea- 设置了
contenteditable="true"的任意元素(如div、p)
如何使用 spellcheck 属性?
直接在标签中添加 spellcheck 即可启用,值为 true 或 false;省略时默认行为由浏览器决定(通常对文本输入框默认开启,对 contenteditable 元素默认关闭):
-
<input type="text" spellcheck="true">— 明确启用拼写检查 -
<textarea spellcheck="false"></textarea>— 明确禁用(例如用于代码或用户名输入) -
<div contenteditable spellcheck></div>— 简写形式,等价于spellcheck="true"
实际使用注意事项
拼写检查依赖浏览器内置词典和用户系统语言设置,不同浏览器表现可能不一致:
- Chrome 和 Edge 支持较好,Firefox 对
input的支持有限(部分版本仅对textarea和contenteditable生效) - 移动端浏览器(如 Safari iOS)通常忽略该属性,或仅在原生键盘层面提供建议,不显示波浪线
- 禁用场景常见于:编程输入框(避免误标变量名)、密码字段、数字/日期输入、多语言混合内容
不能替代服务端校验
spellcheck 是纯前端提示功能,不影响表单提交,也不验证语义或业务逻辑:
- 用户可无视波浪线直接提交错误拼写
- 无法识别专有名词、新词、缩写或上下文错误(如 “their” 写成 “there”)
- 敏感内容(如密码、token)不应依赖此属性做任何安全假设
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










