【前端小贴士】使用spellcheck属性解决问题

我们经常会遇到一些可编辑文本内容中显示红色下划波浪线，类似于word文档中错误单词的拼写检查，使得该标签内容很不美观。那么如何关闭textarea等可编辑文本字段的拼写检查呢？这里，我们可以通过一个HTML 5 全局属性spellcheck来解决禁用拼写检查的功能。

spellcheck属性是HTML5 规范的一部分，它添加了对输入、textarea 元素和可编辑文本字段的拼写检查。主要针对一些无法识别的词语提供熟悉的红色波形曲线。

spellcheck属性仅 textarea、input（非密码） 元素或者标记为 contentEditable 的元素并且支持HTML5的浏览器有效。语法如下：

<input type="text" spellcheck="value">
<textarea spellcheck="value">
<div contenteditable="true" spellcheck="value"></div>

spellcheck属性有以下value可用：

true    //该字段应用拼写检查。
false   //不应用拼写检查
none    //如果属性缺失，则从父元素继承拼写检查。 

---

【小白引导篇】
spellcheck 是什么？

• 定义和用法

spellcheck 属性规定是否对元素进行拼写和语法检查。
可以对以下内容进行拼写检查：
input 元素中的文本值（非密码）
<textarea> 元素中的文本

• 可编辑元素中的文本

更多问题，欢迎大家探讨和补充。谢谢阅读。