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


126

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

inputsのアウトラインをオフにするためのCSS指示があるので、それも存在するのではないかと思いました。ユーザーがそれを行う方法を知っています。

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


3
〜5年間、HTMLテキストフィールドのスペルチェック無効にするの完全な複製。司会者はより正当な質問を閉じるのに忙しかったと思います。
Dan Dascalescu、2015

回答:


211

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

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


Safari Mobileでは動作しないようです。スペルチェックを無効にしたい入力があり、spellcheck属性がFALSEに設定されていても、iPadはスペル候補を提示し続けます。:(
ThiagoPXP

クロームでそれをしなかった67のアンドロイド:/
レイフォス

36

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

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

のみでspellcheck="false"動作しませんでした。


7

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

<form spellcheck="false" .. />

3

入力タグの概要について:しないでください。これはユーザーにとって視覚的な手掛かりです。

しかし、あなたがしなければならない場合:

#your-input{outline:none;}

3
アウトラインを取り除く場合は、通常、すでに他の視覚的な手がかりが:focusあり、アウトラインがそれらを妨げているためです。を:focusデフォルトのままにすると、異なるブラウザ間で不連続が発生します。stackoverflow.com/questions/71074/…もこの場合に役立ちます。
Hawken、2012年

2
@Hawken私はいくつかのサイトが視覚的な手がかりを取り除き、代わりを提供しないのを見てきました。私はカスタムキューで大丈夫ですが、いくつかある必要があります。
Camilo Martin

1
質問は、スペルチェックで入力のスペルが間違っていると見なされた場合のテキストボックス内の波線についてです。そうは言っても、あなたの答えは知っておくと良い情報です。
MrBoJangles 2015

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.