cloudfour/hideShowPassword GitHub

パスワード表示のON・OFFをユーザ自信が切替えられるjQueryプラグイン「hideShowPassword」。
パスワードの入力はpasswordフィールドにすれば伏せられて、誰かが同じ画面を見ていた場合にも安全性が高まりますが、逆に何を打ったのか分からなくなってしまうという面もあります。
そこで、ON/OFFが切替えられるといいねということで、いくつかのサイトでは導入されてきています。
こちらのjQueryプラグインを使えばそれが簡単に実現できます。

非表示：目のアイコンに注目


目のアイコンをクリックすればパスが表示されるという分かりやすいUIのデモです


デモページ

他にも、目のアイコンだけではなく、文字にしたり、チェックボックスにしたりとできるようです


関連エントリ

• サイトの使い方をその場で表示できるjQueryプラグイン「TourBus」
• 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」
• グラデーション生成ウィジェット実装jQueryプラグイン「GRADX」
• Facebook風のチャットを自サイトに組み込めるjQueryプラグイン「ChatJS」
• レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」
• リアルなアナログ時計が実装できるjQueryプラグイン「FlipClock.js」