Project Description
Standalone javascript library to transform a standard password input box of a HTML form into a 9-dot pattern lock.
Targeted at mobile webapplications where drawing a pattern on the touchscreen is far easier than typing in a password.

Works on every major desktop and mobile browser.


Example use
Copy these 2 lines in your HTML source

<link rel="stylesheet" type="text/css" href="_style/patternlock.css"/>
<script src="_script/patternlock.js"></script>

give your password input element the className "patternlock"
e.g. <input type="password" name="password" class="patternlock">

Live demo at

Last edited Apr 12, 2011 at 12:45 PM by Steffest, version 4