本文介绍了一种使用HTML、CSS及JavaScript实现的密码输入软键盘方法。通过网页表单元素结合自定义软键盘提高密码输入的安全性。文章提供了完整的代码示例及资源下载链接。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript" type="text/javascript" src="keyboard.js"></script>/*引用JS*/
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>软键盘演示</title>
<link rel="stylesheet" href="style.css" type="text/css"> /*引用css*/
</head>
<body>
<form name="form1" method="post" action="">
<input name="PASSWORD" type="password" id="PASSWORD" SIZE="12" maxLength="12" title="登录密码">
<input type="button" value="密码软键盘" class="psbutton" onKeyDown="Calc.password.value=PASSWORD.value" onChange="Calc.password.value=PASSWORD.value" onclick= "password1=PASSWORD;showkeyboard();Calc.password.value=''">
</form>
</body>
</html>
style.css下载： https://www.bj.bank-of-china.com/webapp/gb/css/style.css
（为了达到最佳效果，请修改css里面图片的地址 eg：https://www.bj.bank-of-china.com/webapp/gb/images/button001.gif ）
keyboard.js下载：https://www.bj.bank-of-china.com/webapp/gb/js/keyboard.js
扫一扫
448
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
