如何制作一个简单的密码页面

（小心，英语不好）我正在尝试创建一个页面，这个页面上只有一个''小块''，您可以在其中输入密码。如何制作一个简单的密码页面

如果您输入了正确的密码，然后按“输入网站”按钮，您将发送到下一页。

这并不是一个完全受保护的网站，只是一个单行表单，如果输入的密码是正确的，就会将您发送到指定页面的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

如何制作一个简单的密码页面

回答

相关问题