Androidでのパスワード入力時の
インターフェースをWeb上で再現
するjQueryプラグイン・DontType
のご紹介。マウスのみでパスを
入力するのでDontType!な訳です
ね。IEには完全に非対応ですが、
なかなかユニークなプラグインです。
土曜日なのでややネタ的。IEは完全非対応（canvas使ってるようです）、といっても、通常のパスワード入力になるだけなのでモダンブラウザの方だけ楽しめます（？）。
DontType!
こんな感じ。Androidユーザーの方なら分かりますよね。僕は持ってないので画像検索しましたｗ
丸い部分をマウスでクリックしてパスワードを入力するのでタイプする必要がないんですね。
使い方
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><script type="text/javascript" src="dontType.js"></script> |
jQueryとプラグインを読み込みます。
$(function(){$('#passwordField').dontType(); |
その後に上記のような設定をするだけ。
<label for="password">Passwort</label><input type="password" name="password" id="passwordField" /> |
マークアップは普通です。
ライセンスはMITです。デモがありますので触ってみては如何でしょう。
