オートコンプリートを無効にする:W​​ebフォームでオートコンプリートをオフにします

ブラウザのオートコンプリート機能を無効にし、オフにする方法については、こちらをご覧ください。 あなたはブラウザや拡張機能でオートフィルを停止する方法であなたのWeb​​フォームをコーディングすることができます。

A+ A-

オートコンプリートは、多くのウェブサイトに移動し、無数の登録フォームを記入し、インターネットサーファーのために便利な機能です。 オートコンプリートは、これらのインターネットユーザーはすぐにウェブ上のフォームにその詳細を埋めるのに役立ちます。 ユーザーは、新鮮なブラウザのインストールで最初の登録フォームに記入すると、(ようなブラウザのFirefoxは、Googleは、Chrome、Internet Explorer、Safariなど)を詳細に充填保存します。 ユーザーが別の類似のWebフォームに入力すると、ブラウザが自動的にフォームで保存された詳細を記入します。 したがって、ブラウザが訪問者のための時間を節約できます。

しかし、ウェブ開発者の観点から、オートコンプリートは時々問題であり、開発者は、 オートコンプリートをオフにするとよいでしょう。 そのような場合、開発者は、訪問者がすべてを入力して、手動でWebフォームに記入したいと思います。 だから、それはオートコンプリート機能を無効にすることは可能でしょうか? 答えはイエスです!

TechWelkinでHTMLとJavaScriptのヒント。

TechWelkinでHTMLとJavaScriptのヒント。

ほとんどのブラウザは、HTMLのFORMタグのオートコンプリート= "オフ"属性を称えます。 あなたのWeb​​フォームをコーディングする際に、このタグを使用することができますし、ブラウザでは、そのフォーム上のオートコンプリート機能を無効にします。

しかし残念ながら異なるブラウザは異なる基準を持っています。 より安全側にあるために、あなたも同様に入力タグのオートコンプリートを無効にする必要があります。 このアプローチは、あなたが全体のフォームのオートコンプリートを無効にする必要がないという利点があります。 代わりに、選択的かつ唯一の特定の入力要素にオートコンプリートをオフにすることができます。

次に例を示します。

<form autocomplete="off" name="myForm">
<input autocomplete="off" name="empName" type="text" />
<input name="empCode" type="text" />
</form>

最新バージョンのFirefox、ChromeとIEは異なるアプローチのビットを持っています。 これらのブラウザは、パスワードフィールドのオートコンプリート= "オフ"を回避し、彼女は自動的にパスワードを入力するか、しないように望んでいるかどうかをユーザーに促します。 このようなプロンプトが来るパスワードフィールドのためにのみ 。 Google Chromeは、すべてのフォームフィールドは、それがオートコンプリートの情報を持っている黄色の色を点灯に変わります。

ブラウザは、それらによってフォームフィールドを認識名前とID 。 たとえば、ユーザーが名前を持つフィールドを持つフォームを充填されている、のと仮定しましょう。 ブラウザは「 」と呼ばれる入力フィールドに対して入力した名前が保存されます。 別のWebフォームの充填中にブラウザが「 」という名前のフィールドを見つけた場合-itするユーザーが前のフォームに入力されていたことを単に入力値。

あなたはブラウザが自動補完= "オフ"属性を尊重されていないことに気づくのであれば、あなたはランダムなテキストとしてあなたのフィールドのIDと名前を与えることを検討することができます。 これは、ブラウザがフィールドを認識することができませんことを保証するため、自動的にデータを記入することはできません。

オートフィルフォームの拡張機能がインストールされているときにオートコンプリートを無効にする方法

人々はまた、使用-manyブラウザ内部の組込み機能に加えてフォームを自動入力するには、FirefoxとChromeの拡張機能を 。 これらの拡張機能は、明らかに、 オートコンプリート= "オフ"属性を尊重しないと、このような拡張機能がインストールされている場合、開発者は、オートコンプリートを無効にすることはできません。

入力フィールドにランダムな名前とIDを与えることはオートフィルエクステンションを倒すための唯一の方法です。

私はオートコンプリート機能を無効し、オフにする方法この情報はあなたのために有用であった願っています。 あなたはこの点で質問があれば、コメントし、お気軽にお尋ねください。 私はあなたを支援するために全力を尽くします。 TechWelkinをご利用いただきありがとうございます!

Ads

シェア

最近

あなたがLinuxの恋人している場合を探すために、ベストUbuntuの代替

さんが何かに精通取得することから始めましょう。 基本的な、少しオフトラック! あなたは今までLinuxとUbuntuの...

Gmailの受信トレイに署名を追加する方法 - GmailでGoogleの署名を追加します。

Googleによる受信トレイには、Googleが過去数年間に発売された最高のものの一つでした。 これは、統一された受信...

週刊技術のニュース:ノキア、Googleと任天堂

みなさん、こんにちは、それは金曜日、3月3日だとちょうどいつものように私たちは毎週のニュースラウンドアップに戻っていま...

初心者のためのラズベリーパイプロジェクト - あなたはラズベリーパイで何ができますか

ラズベリーパイは、低消費電力、ラズベリーパイ財団が作成したシングルボードコンピュータのシリーズです。 もともと発展途上...

Androidの2017のためのベストVPN - Androidの中でVPNを使用する方法

ゴーンは、VPNはハイテクsavviesやハッカーのためだけであった時代です! そして、私たちはこれらのサービスについ...

コメント