Javascript做登录(纯js代码)

最新推荐文章于 2024-06-12 23:31:21 发布

nuptsv_ice

最新推荐文章于 2024-06-12 23:31:21 发布

阅读量2k

点赞数 1

分类专栏： javascript 文章标签： javascript border input div class user

javascript 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

js做的登录确实不常用，但我还是发给大家看看。

帐号:wyh，密码：123456

[javascript]view plaincopyprint? 
   
 <html>  
 <head>  
 <title>Sing In</title>  
 <style>  
 .sign-button{margin:5 0 0 0;}  
 #div1{display:none; margin:0 0 0 100;}  
 .query-button{  
 padding:0 0 0 0;  
 font-weight:bold;  
 color:white;  
 font-size:15;  
 height:30;  
 width:80;  
 }  
 .remind_border{border: 5 solid gray; width:500;}   
 .button{margin:0 0 0 150;}  
 </style>  
 <body>  
 <script type="text/javascript">  
 function sign(targetid){  
 var value = document.getElementById('user_input').value;//重点在此  
 var value2 = document.getElementById('p_input').value;  
      if (document.getElementById){  
              target=document.getElementById(targetid);  
              if (value=="wyh" && value2=="123456"){  
 document.write("pass");  
              } else {  
                  var t=setTimeout("target.style.display='block';", 1000)  
              }  
         }  
 }  
   
   
 function toggle(targetid){  
      if (document.getElementById){  
          target=document.getElementById(targetid);  
              if (target.style.display=="block"){  
                  target.style.display="none";  
              } else {  
                  target.style.display="none";  
              }  
      }  
 }  
 </script>  
 <br /><div >ueser</div>  
 <div><input type=text name=uid  id="user_input"></div>  
 <div> password </div>  
 <div><input type=password name=pwd  id="p_input"></div>  
 <input type=button title="sign in" οnclick="sign('div1')" class="query-button sign-button" value=' sign in '>  
   
   
 <div id="div1" class="remind_border">  
 <div class="button">  
 <p class="remind_font"><br />Wrog  
 <br />  
 <a title="Over again" href="#"><input type=button class="query-button" value='Over again '></a>  
 <a title="Close" href="#" οnclick="toggle('div1')"><input type=button class="query-button" value=' Close '></a>  
 </div>  
 </div>  
 </body>  
 </html>  

nuptsv_ice

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
Javascript做登录(纯js代码)

js做的登录确实不常用，但我还是发给大家看看。帐号:wyh，密码：123456[javascript] view plaincopyprint? Sing In .sign-button{margin:5 0 0 0;} #div1{display:none; margin:0 0 0 100;}
复制链接

扫一扫

专栏目录