jquery.plugin.js
jquery.keypad.js
jquery.keypad.alt.css
keypad.png
<!DOCTYPE html>
<html>
<body>
<p><input type="text" id="accKeypad"></p>
<p><input type="password" id="pwdKeypad"></p>
</body>
</html>
<link rel="stylesheet" href="jquery.keypad.alt.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.keypad.js"></script>
<script>
$(function () {
$('#accKeypad,#pwdKeypad').keypad({keypadOnly: false,
randomiseOther: true, randomiseNumeric: true, randomiseAlphabetic: true, randomiseOther: true,
showOn: 'button', buttonImageOnly: true, buttonImage: 'keypad.png', showAnim: '',
layout: $.keypad.qwertyLayout});
});
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css">
http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/blitzer/jquery-ui.css
useThemeRoller: true
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Keypad</title>
<link rel="stylesheet" href="jquery.keypad.alt.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.keypad.js"></script>
<script>
$(function () {
$('#accKeypad,#pwdKeypad').keypad({useThemeRoller: true, keypadOnly: false,
randomiseOther: true, randomiseNumeric: true, randomiseAlphabetic: true, randomiseOther: true,
showOn: 'button', buttonImageOnly: true, buttonImage: 'keypad.png', showAnim: '',
layout: $.keypad.qwertyLayout});
});
</script>
</head>
<body>
<p><input type="text" id="accKeypad"></p>
<p><input type="password" id="pwdKeypad"></p>
</body>
</html>
檔案名稱 | 圖2.png |
描述 | 沒有檔案註解存在 |
檔案大小 | 57 Kbytes |
下載次數 | 1 次 |
下載 |
檔案名稱 | 圖1.png |
描述 | 沒有檔案註解存在 |
檔案大小 | 82 Kbytes |
下載次數 | 1 次 |
下載 |