コニファ・ロゴ

csstest:jQueryやZepto.jsのプラグインとして動作するhideShowPassword.jsによるパスワード可視化

jQueryや、jQueryと互換性がありモバイルを意識した軽量のjavascriptライブラリー Zepto.jsのプラグインとして動作するhideShowPassword.jsにより、入力するパスワードを可視化します。

(1)は目の形のアイコン(.svg)をクリック(またはタップ)するtoggleスイッチでパスワードの可視、不可視を切り替えます。
 使用したオリジナルのsvgファイルでは、不具合が出るブラウザがあるため、pngに変換しています。
(2)は「HIDE」、「SHOW」のテキストを表示して、同様にtogglします。
(3)はもっとも一般的に使われているチェックボックスによるtoggleです。

(1)アイコンスタイルのInner toggle
(2)テキスト表示によるtoggle
(3)チェックボックスによるtoggle

 

 

戻るボタン