WordPress ユーザーログインボックスでパスワードを非表示にしたり部分的に表示したりするためのヒント、WordPress ユーザーログイン_PHP チュートリアル

WordPress ユーザーログインボックスのパスワードを非表示にして部分的に表示、WordPress ユーザーログイン

WordPress ログインページのパスワードボックスに最後に入力した文字を表示させます
通常の状況では、Web ページのデザイナーは、入力されたパスワードを背後から覗き見されるのを防ぐために、パスワード入力ボックス内のすべての文字を黒い点として非表示にします。次に例を示します。

このパスワード入力モードは覗き見されるリスクを軽減しますが、入力した文字がわからないため、パスワード入力に多くの手間がかかり、間違ったパスワードを入力して多くの時間を無駄にすることがよくあります。

スマートフォン上の多くのアプリケーションがこのようなパスワード ボックスの処理方法を使用していることに気づいたかもしれません。ユーザーがパスワード ボックスに入力した最後の文字が最初に 2 ～ 3 秒間表示され、その後再び非表示になります。これにより、ユーザーは次のことが可能になります。今入力された文字が分かるので誤入力を軽減し、のぞき見防止機能も備えています。例:

今日はWordPressにこの機能を実装する方法を紹介します。手順は非常に簡単です。

1. jsを追加します
ここをクリックして必要な js をダウンロードし、この js ファイルを現在使用しているテーマのルート ディレクトリに置きます。

2. PHPコードを追加します
現在のテーマのfunctions.phpをテキストエディタで開き、次のPHPコードを追加します:

リーリー

さて、この機能は正常に追加されました。とても簡単です。

追加手順
1. js ファイルを現在のテーマの js ディレクトリに配置したい場合は、php コードの 2 行目の /jQuery.dPassword.js を /js/jQuery.dPassword.js に変更する必要があります
2. 本機能でパスワードを入力する場合は、末尾の文字のみ入力または削除できます。黒点で隠されたパスワードの途中の文字は追加または削除できません。

WordPressログインボックスに入力したパスワードを表示/非表示にします
これにより、ユーザーは今入力された文字を知ることができ、間違ったパスワードを入力する可能性を減らし、覗き見防止機能も備えています。

今度は、ユーザーがニーズに応じて、入力されたすべてのパスワードを非表示にするか、入力されたすべてのパスワードを表示するかを直接選択できる別のオプションがあります。パスワード ボックスの内容がすべて表示されると、ユーザーが間違える可能性が大幅に減少します。これは、Microsoft が推奨するパスワード ボックスの処理方法でもあります。効果は以下の通りです

パスワードボックスの右側にある目のアイコンをクリックしてパスワードを表示します

すべてのパスワードを表示します。パスワードを非表示にするには、パスワード ボックスの右側にある鍵のアイコンをクリックします。

1. jsを追加します

ここをクリックして必要な js をダウンロードし、この js ファイルを現在のテーマのルート ディレクトリに置きます。

2. PHPコードを追加します

リーリー

よし、よくやった！

追加手順

1. js ファイルを現在のテーマの js ディレクトリに配置する場合は、php コードの 3 行目の /jquery.prevue.min.js を /js/jquery.prevue.min に変更する必要があります。 js

2. この機能には、バージョン 1.9.0 以降の jQuery サポートが必要です。

興味があるかもしれない記事:

WordPress パスワードを忘れた場合の対処方法

http://www.bkjia.com/PHPjc/1087278.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1087278.html技術記事 WordPress ユーザーログインボックスでパスワードを非表示にしたり部分的に表示したりするためのヒント. WordPress ユーザーログインでは、通常の状況では、Web ページに最後に入力した文字が表示されます。