ホームページ >ウェブフロントエンド >jsチュートリアル >フォームのユーザー名とパスワードの自動入力機能を無効にする jQuery の詳細な例

フォームのユーザー名とパスワードの自動入力機能を無効にする jQuery の詳細な例

小云云
小云云オリジナル
2017-12-26 14:43:412912ブラウズ

HTML ログイン フォームは多くの場合自動的に入力され、ユーザーが一度もログインしたことがない Web サイトも存在します。この記事では、jQuery のフォームへのユーザー名とパスワードの自動入力を無効にする機能を主に紹介します。必要な方は参考にしていただければ幸いです。

Mozilla 開発者ドキュメントでは、ブラウザーがログイン フォームに入力するためにキャッシュからデータを取得しないように、フォーム設定属性 tautocomplete="off" を使用することを推奨しています。

<input type="text" name="foo" autocomplete="off" />

しかし、このソリューションは一部の Chrome および Firefox と互換性がありません。

最終的に、ブラウザの自動入力を受け入れるために隠し入力を使用することにしました。これはユーザーエクスペリエンスに影響を与えず、すべてのブラウザと互換性があります。

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username" name="username" autocomplete="off">

追記: フォームにユーザー名とパスワードが自動的に入力されないようにする機能を見てみましょう

一部のブラウザは autocomplete="off" をサポートしています

したがって、ブラウザは次をサポートしています:

そこから自動的に入力されます

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

関連する推奨事項:

js フォーム送信を禁止する方法

jQuery 自動入力プラグイン Cool Auto-Suggest

php は、自動的に入力するサムネイル コードを生成しますブランク

以上がフォームのユーザー名とパスワードの自動入力機能を無効にする jQuery の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。