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> 

    效果如下图:

    如果大家满意就关注我吧!
  • 相关阅读:
    Python核心技术与实战——十四|Python中装饰器的使用
    Python核心技术与实战——十三|Python中参数传递机制
    GUI学习之三十四——QSS样式表
    数据分析思维(一):数据分析的三种核心思维
    python设计模式
    Docker架构
    云技术
    5G[generation]的知识收集
    计算机网络知识汇总---20191207
    odoo里面的read_group写法
  • 原文地址:https://www.cnblogs.com/yihengblog/p/9784221.html
Copyright © 2011-2022 走看看