通过HTML / css关闭Chrome / Safari拼写检查

Question

对于网络开发者是否有办法关闭Chrome / Safari / WebKit对特定input或textarea元素的拼写检查？我的意思是通过特殊标记属性或专有的CSS指令。

有一条CSS指令用于关闭input的概述，所以我认为这也可能存在。我知道用户如何做到这一点。

或者，作为用户，我可以针对某个特定域禁用它吗？

Answer 1

是的，有HTML5拼写检查属性。

<textarea spellcheck="false">或<input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking

更新：现在所有浏览器的最新版本都支持此功能。

Answer 2

这适用于Safari 7.1，也适用于其他人：

<input autocomplete="off" autocorrect="off" autocapitalize="off" 
spellcheck="false"/>

只有spellcheck="false"无效。

Answer 3

对于表格的所有元素都是可能的，所以：

<form spellcheck="false" .. />

Answer 4

关于输入标签的概述：不要这样做，它是用户的视觉提示。

但如果你必须：

#your-input{outline:none;}

Answer 5

在React中，您必须使用spellCheck。

<input spellCheck={false} type="text"/>