關於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> 

效果如下圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM