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

Question

有没有办法让 Web 开发人员关闭 Chrome/Safari/WebKit 对特定 input 或 textarea 元素的拼写检查？我的意思是通过特殊标签属性或专有 CSS 指令。

有一个 CSS 指令用于关闭输入的大纲，所以我认为这也可能存在。我知道用户如何做到这一点。

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

Answer 1

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

或

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

在 React 中，你必须使用 spellCheck 来代替。

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

Answer 5

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

但如果你必须：

#your-input{outline:none;}