パスワード入力遅延マスク
1793 ワード
これはiPhoneやandroidなどの携帯電話のようなパスワード入力体験で、ユーザーがパスワードを入力する際に、ユーザーの入力を明文で短時間遅延マスクすることができ、主にjQueryのプラグイン:dpasswordを使用しています.
<form action="#">
<label for="password">Password:</label>
<input type="password" name="password" id="password" value="" />
<input type="submit" name="submit" value="show password" id="submit" onclick="alert('fieldname: ' + $('#password').attr('name') + '
password value: '+ $('#password').val()); return false;"/>
</form>
<p>and another password field:</p>
<form action="#">
<label for="password2">Password:</label>
<input type="password" name="password2" id="password2" value="" />
<input type="submit" name="submit2" value="show password" id="submit2" onclick="alert('fieldname: ' + $('#password2').attr('name') + '
password value: '+ $('#password2').val()); return false;"/>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="lib/jQuery.dPassword.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('input:password').dPassword();
});
</script>