Androidでのパスワード入力時の
インターフェースをWeb上で再現
するjQueryプラグイン・DontType
のご紹介。マウスのみでパスを
入力するのでDontType!な訳です
ね。IEには完全に非対応ですが、
なかなかユニークなプラグインです。

土曜日なのでややネタ的。IEは完全非対応(canvas使ってるようです)、といっても、通常のパスワード入力になるだけなのでモダンブラウザの方だけ楽しめます(?)。

DontType!


こんな感じ。Androidユーザーの方なら分かりますよね。僕は持ってないので画像検索しましたw


丸い部分をマウスでクリックしてパスワードを入力するのでタイプする必要がないんですね。

使い方

<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です。デモがありますので触ってみては如何でしょう。

DontType! / DEMO