如何製作一個簡單的密碼頁面

（小心，英語不好）我正在嘗試創建一個頁面，這個頁面上只有一個''小塊''，您可以在其中輸入密碼。如何製作一個簡單的密碼頁面

如果您輸入了正確的密碼，然後按「輸入網站」按鈕，您將發送到下一頁。

這並不是一個完全受保護的網站，只是一個單行表單，如果輸入的密碼是正確的，就會將您發送到指定頁面的html代碼中。

我是我學校的第一年級學生，非常喜歡用html工作，但是因爲我遠遠領先於班級的其他人，所以我希望能有更多的人學習，所以我希望有人能夠幫助我與此。

在此先感謝！單獨

2017-02-11 kaymeer

HTML無法做到這一點，你需要在後端其他語言來檢查密碼。或者你可以使用JavaScript來驗證前端的密碼，但是隻有在你爲了好玩而做的時候，你必須在代碼中指定密碼。否則，要開發具有登錄頁面的Web應用程序，您需要使用後端語言（如php或python）和數據庫（如mysql或mariadb）來存儲密碼。

示例代碼
您需要創建兩個文件，一個爲你的登錄表單（login.html的），另一個正確的密碼輸入（welcome.html）後重定向。

該代碼可用於login.html的

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login page</title> 
</head> 
<body> 
<form> 
    <label for="pswd">Enter your password: </label> 
    <input type="password" id="pswd"> 
    <input type="button" value="Submit" onclick="checkPswd();" /> 
</form> 
<!--Function to check password the already set password is admin--> 
<script type="text/javascript"> 
    function checkPswd() { 
     var confirmPassword = "admin"; 
     var password = document.getElementById("pswd").value; 
     if (password == confirmPassword) { 
      window.location="welcome.html"; 
     } 
     else{ 
      alert("Passwords do not match."); 
     } 
    } 
</script> 
</body> 
</html>

該代碼可用於welcome.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Welcome page</title> 
</head> 
<body> 
<h1>Welcome!! you entered a right password</h1> 
</body> 
</html>

來源

2017-02-11 19:36:13 Pratik

我不是做出某種帳戶數據庫作爲你提到，但我只是想在例如js中設置一個密碼，當它輸入到文本框中而不是提交時，會將網站用戶發送到指定的頁面。 – kaymeer

如果我沒有誤解你的話，希望這樣可以正常工作。 – Pratik

非常感謝，那就是我一直在尋找的東西。 – kaymeer

如何製作一個簡單的密碼頁面

回答

相關問題