输入密码样式

最新推荐文章于 2022-07-13 19:52:33 发布

baoyuemian

最新推荐文章于 2022-07-13 19:52:33 发布

阅读量641

点赞数

文章标签： function timer input microsoft generator xhtml

本文链接：https://blog.csdn.net/baoyuemian/article/details/5875268

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 密码输入框 </title>
<meta name="generator" content="Microsoft FrontPage 6.0"/>
<meta name="author" content="lin.x"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<style type="text/css">

</style>
<script type="text/javascript">
function rand() {
    return Math.floor(Math.random()*10);
}
var rangenum = new Array();
var tem;
for (var i = 0; i<10; i++) {
    rangenum.push(i);
}
for (var i = 0; i<10; i++) {
    var a = rand();
    var b = rand();
    tem = rangenum[a];
    rangenum[a] = rangenum[b];
    rangenum[b] = tem;
}
function creatnums() {
    for (i=0; i<rangenum.length; i++) {
        document.writeln("<div class=/"nbox/" ><a href=/"#/"οnclick=/"input("+rangenum[i]+")/">"+rangenum[i]+"</a></div>");
    }
    document.writeln("<div class=/"text/"><a href=/"#/" οnclick='input(-1)'>退格</a><a href=/"#/" οnclick=/"clearinput()/">清除</a></div>");
}
function input(i) {
    var pwd=document.form.pwd.value;
    if (pwd.length<8||i == '-1') {
        if (i == '-1') {
            document.form.pwd.value = pwd.substring(0,pwd.length-1);
        } else {
            document.form.pwd.value = pwd+i;
        }
       clearTimeout(timer);
       timer=setTimeout("hiddenpad();document.getElementById('OK').focus()",4000)

    }
    else{clearTimeout(timer);alert("最多输入8位!");hiddenpad();}
}
function clearinput() {
   document.form.pwd.value="";
}
var timer
function showpad(){
   document.getElementById('contain').style.display="block";
    clearTimeout(timer)
    timer=setTimeout("hiddenpad()",3000)
}
function hiddenpad(){
   document.getElementById('contain').style.display="none";
}
function noinput(){
var pwd=document.form.pwd.value;
document.form.pwd.value = pwd.substring(0,pwd.length-2);
}
</script>
</head>
<body>
<form name="form" action="http://www.jb51.net">
   请输入密码
<input type="password" name="pwd" οnclick="showpad()" οnkeydοwn="return false;" size="8">
<input type="button" value=" OK " οnclick="hiddenpad()" id="OK">
</form>
   <div id="contain">
<script type="text/javascript">
creatnums();
</script>
</div>
</body>
</html>

baoyuemian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入密码样式

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml"> <br /> <head> <br /> <meta http-equiv="Content-Type" content="text/html; chars
复制链接

扫一扫