強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)

藏色散人
リリース: 2019-11-29 09:54:44
オリジナル
7548 人が閲覧しました

ユーザーがWebサイトにログインしたり登録したりする際には、通常、入力したパスワードを表示・非表示にする「リトルアイズ」のような機能があり、パスワードの誤入力を回避するだけでなく、セキュリティの向上にもつながります。 PHP中国語サイトがWebページに使用する便利なパスワード表示・非表示効果プラグインを5つ紹介しますので、パスワード表示・非表示効果を開発する際の参考にしてコードをダウンロードしてください。

1、Bootstrap は、隠しコードを表示するためにユーザー入力パスワードを実装します

強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)Bootstrap は HTML に基づいています。 CSS、JavaScript によって開発された、シンプルで直感的かつ強力なフロントエンド開発フレームワークです。これは、ユーザーが入力したパスワードを表示または非表示にするためにブートストラップを使用して実装されています。マウスで「小さな目」アイコンをクリックするだけで、パスワードを非表示または表示します。

リンク: https://www.php.cn/xiazai/js/2580

2、非表示パスワードを表示する jQuery プラグイン

強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)

jQuery は高速かつ簡潔な JavaScript フレームワークであり、jQuery を使用して効果を実現するプラグインです。パスワードを表示または非表示にするには、「小さな目」アイコンをクリックするか、「パスワードを表示」にチェックを入れます。

リンク: https://www.php.cn/xiazai/js/5245

3、パスワード表示・非表示プラグイン jquery.toggle-password

強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)

これは、jquery を使用してパスワードの非表示と表示効果を実現するプラグインです。ユーザーがチェック/キャンセルすると、「パスワードを表示」でパスワードを表示または非表示にすることができます。また、「パスワードを記憶」および「パスワードを忘れた場合」スタイルの効果もあります。

リンク: https://www.php.cn/xiazai/js/5244

4、入力Box パスワード表示/非表示

強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)

これは非常にシンプルで実用的なパスワード表示/非表示プラグインです。「小さな目」アイコンをクリックして表示します。または、入力したパスワードを非表示にします。

リンク: https://www.php.cn/xiazai/js/5240

5、表示現在のパスワードを入力した後に自動的に非表示にする

強力なパスワード表示・非表示エフェクト5選(ソースコードダウンロード付き)

現在のパスワードを入力した後に自動的に非表示にする効果を表示できる jquery プラグインです。ユーザーがパスワードを入力しているときは、リアルタイムにパスワードが表示され、パスワード入力完了後に自動的にパスワードが非表示になります。完全なパスワードを表示したい場合は、「パスワードを表示」をクリックしてください。

リンク: https://www.php.cn/xiazai/js/5235

関連する推奨事項:

1.収集する価値のある Web 検索ボックス スタイル 10 個 (コード ダウンロード付き)

2.強力な WEB 検索ボックス インタラクティブ機能スタイルの推奨事項 10 個 (ソース コード付き) ダウンロード)

3.10 の実用的な星評価コンポーネントの推奨事項 (ソース コードのダウンロード付き)

4.5 つの実用的なパスワード強度 検出スタイルの推奨事項 (ソース コードのダウンロード付き)ソース コードのダウンロード)

その他の特殊効果コードについては、php 中国語 Web サイトの JS Special Effects チャンネルに注目してください。すべてのリソースは無料です。

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