关于HTML设置访问密码。

最新推荐文章于 2024-02-23 15:44:44 发布

ddptun8868

最新推荐文章于 2024-02-23 15:44:44 发布

阅读量1.7k

点赞数 2

原文链接：http://www.cnblogs.com/yihengblog/p/9784221.html

版权

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

废话不多，开始！！！

先把这些东西加上：

<html>

然后开始写代码：

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

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>

效果如下图：

转载于:https://www.cnblogs.com/yihengblog/p/9784221.html

ddptun8868

关注

2
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
关于HTML设置访问密码。

如果你要设置访问密码恐怕要使用sublime_text了废话不多，开始！！！先把这些东西加上：<html><script>然后开始写代码：先辨别密码登录正确的情况：function check(){ var name=document.getElementById("name").value; va...
复制链接

扫一扫