有没有办法屏蔽掉Google Chrome 浏览器 textarea 单词拼写检测?


Chrome等浏览器下,当鼠标焦点在input、textarea这些元素上时,浏览器会默认的会给它们加上黄色的边框,还有用户可以改变testarea的大小,但是可以通过修改以下样式去掉

   
  textarea:focus {outline: none;}
  
textarea {resize:none;}

但是单词的拼写检测不知道怎么去掉,
请输入图片描述
opera 浏览器也是那样,不知道有什么方法去掉。。

浏览器 前端技术

乱投硬币打死 12 years, 4 months ago

可以使用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"好几个属性,基本上能满足多种浏览器需求,可以借鉴一下。

無良消毒液 answered 12 years, 4 months ago

Your Answer