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

小云云
リリース: 2017-12-26 14:43:41
オリジナル
2845 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!