Better Password Inputs, iPhone Style | CSS-Tricks

何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン。
サイトのpasswordフィールドに入力すると、●●●といった感じで何を入力したか分からないまま文字入力が進んでいいます。
iPhone では、入力した最後の文字については分かるようなインタフェースになっていますね。


これと似たような仕組みを通常のWEBサイトでも実現出来るようにしたjQueryプラグインです。
passwordフィールドに入力をすると、右側に大きく、アルファベットがアニメーション表示されます。


デモページを開く

使い方は以下のように簡単。

$('#user-password-2').dPassword();

このプラグインで、非常に簡単にユーザビリティをあげることが出来そうですね。

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• 2009年3月 便利なjQueryプラグイン集
• ユニークで使えそうなjQueryプラグイン10個