屏蔽掉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