javascript实现仿银行密码输入框效果的代码

效果：

<！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（""+rangenum[i]+""）; } document.writeln（"退格清除"）; } 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" onclick="showpad（）" onkeydown="return false;" size="8"><input type="button" value=" OK " onclick="hiddenpad（）" id="OK"> </form> <script type="text/javascript"> creatnums（）; </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]