屏蔽掉Google Chrome 浏览器 textarea 单词拼写检测

可以使用html5的spellcheck属性来关闭对元素内容进行拼写检查。

<!—以下两种书写方法正确-->  
<textarea spellcheck="true" >  
<input type=text spellcheck="false">  
<!—以下书写方法为错误-->  
<textarea spellcheck >  

spellcheck属性是HTML 5针对input元素（type=text）与textarea这两个文本输入框提供> 的一个新属性，它的功能为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一> 个布尔值的属性，具有true或false两种值。但是它在书写时有一个特殊的地方，就是必须明> > 确声明属性值为true或false。

需要注意的是，如果元素的readOnly属性或disabled属性设为true，则不执行拼写检查。

目前除了IE之外，Firefox、Chrome、Safari、Opera等浏览器都对该属性提供了支持。

 

google自己本身就有好例子，在google翻译看到的，他们的textarea的属性是这么写的：

<textarea id="source" name="text" wrap="SOFT" tabindex="0" dir="ltr" spellcheck="false" autocapitalize="off" autocomplete="off" autocorrect="off" style="box-sizing: border-box; overflow-y: hidden; overflow-x: auto; padding-right: 20px; " class="goog-textarea"></textarea>

加了spellcheck="false" autocapitalize="off" autocomplete="off" autocorrect="off"好几个属性，基本上能满足多种浏览器需求，可以借鉴一下

转载于:https://www.cnblogs.com/rnckty/p/5957166.html