Javascript 网页键盘输入，小键盘输入，如下图【来源网络】 

<html>
<head>
<style type="text/css">
<!--
.logininput {
    color:#FF0000
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>登录</title>
<script language="javascript" src="js.js"></script>
</head>
<body>
<table>
  <tr>
    <td>密&nbsp;&nbsp;码&nbsp;：</td>
    <td >
<input id="userpass" class="logininput" type="password" maxlength="25"
size="20" name="userpass" onFocus="this.select();" readonly onKeyDown="Calc.pwd.value=this.value"
onChange="Calc.pwd.value=this.value" onClick= "pwd1=this;showkeyboard(event);this.readOnly=1;Calc.pwd.value=''">
</td>
  </tr>
</table>
</body>
</html>

效果图：

小键盘

这个效果最大的功能是下面的这个JS文件。

JS源码下载地址：https://files.cnblogs.com/EdwinX/%E9%87%87%E7%94%A8%E5%B0%8F%E9%94%AE%E7%9B%98%E8%BE%93%E5%85%A5JS%E6%BA%90%E7%A0%81.zip

 

posted @ 2012-08-07 15:46  edwin_sh  阅读(319)  评论(0)  编辑  收藏  举报