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> 

    效果如下图:

    如果大家满意就关注我吧!
  • 相关阅读:
    Pycharm 设置python文件自动生成头部信息模板
    Python3.0 调用HTMLTestRunner生成的报告中不能显示用例中print函数的输出
    Python3.0 操作MySQL数据库执行SQL语句
    js时间戳转为日期格式
    Vue脚手架(vue-cli)安装总结
    Vue的生命周期
    常用的ES6语法
    学习python登录demo
    CSS的垂直居中和水平居中总结
    CSS清除浮动方法总结
  • 原文地址:https://www.cnblogs.com/yihengblog/p/9784221.html
Copyright © 2011-2022 走看看