web-dev-qa-db-ja.com

HTML / cssによるChrome / Safariのスペルチェックをオフにする

Web開発者向け特定のinputまたはtextarea要素でChrome/Safari/WebKitのスペルチェックをオフにする方法はありますか?特別なタグ属性または独自のCSS命令のいずれかを意味します。

inputsのアウトラインをオフにするCSS命令があるので、それも存在する可能性があると思いました。ユーザーがそれを行う方法を知っています。

または、ユーザーとして、特定のドメインで無効にすることはできますか?

113
tillda

はい、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

更新:これは、すべてのブラウザーの最新バージョンでサポートされるようになりました。

193
Gaurav

これはSafari 7.1で機能し、他の機能でも動作するはずです。

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

spellcheck="false"のみが機能しませんでした。

34
Timo Kähkönen

フォームのすべての要素に対して可能です。

<form spellcheck="false" .. />
6
MTM

入力タグのアウトラインについて:しないでください、それはユーザーにとって視覚的な合図です。

ただし、必要な場合:

#your-input{outline:none;}
3
Camilo Martin