zoukankan      html  css  js  c++  java
  • 关于HTML设置访问密码。

    如果你要设置访问密码恐怕要使用sublime_text了

    废话不多,开始!!!

    先把这些东西加上:

    <html>

    <script>

    然后开始写代码:

    先辨别密码登录正确的情况:

    function check(){
          var name=document.getElementById("name").value;
       var pass=document.getElementById("pass").value;
       if(name=="cdssxxx" && pass=="2372535103"){
       alert("登入成功");
       window.document.f.action="链接的网址";
       window.document.f.submit();
       }

    然后用一个else来连接(判断密码输入错误):  

    else{
       alert("用户名或密码错误");
       
       }

    这段很简单,就不用细说了!!

    接下来,搭建一个文本框,来装入输入的代码,(要用input):

    <form name="f" action="">
    <center>用户名:<INPUT TYPE="text" NAME="" id="name"><br></center>
    <center>密码:<INPUT TYPE="password" NAME="" id="pass"><br></center>
    <center><INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置"></center>
    </form> 

    这样就可以啦!!!

    最后献上完整的代码:

    <script>
       function check(){
          var name=document.getElementById("name").value;
       var pass=document.getElementById("pass").value;
       if(name=="cdssxxx" && pass=="2372535103"){
       alert("登入成功");
       window.document.f.action="你的链接网址";
       window.document.f.submit();
       }else{
       alert("用户名或密码错误");
       
       }
       
       }
    </script>
    
    <form name="f" action="">
    <center>用户名:<INPUT TYPE="text" NAME="" id="name"><br></center>
    <center>密码:<INPUT TYPE="password" NAME="" id="pass"><br></center>
    <center><INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置"></center>
    </form> 

    效果如下图:

    如果大家满意就关注我吧!
  • 相关阅读:
    POJ题目分类
    最短路&记录记录记录路径
    博弈论
    生成树模板总结
    弱鸡的暑假图论安排
    面试随缘做题--day2
    面试随缘做题---day1
    PAT第四章速刷
    PAT第二章知识点快速复习
    sql语句快速复习
  • 原文地址:https://www.cnblogs.com/yihengblog/p/9784221.html
Copyright © 2011-2022 走看看