Question

（小心，英文不好）我正在尝试创建一个只有一个“小块”的页面，您可以在其中键入我设置的密码。

如果您输入正确的密码并按“输入网站”按钮，您将收到发送到下一页的信息。

如果输入的密码是正确的，那么这不一定是一个完全受保护的网站，只是一个单行表格，它会将你发送到html代码指定页面。

我是我学校的一年级学生，非常喜欢用HTML工作，但由于我比其他同学远远超过其他同学，我想了解更多，所以我希望有人可以帮助我有这个。

提前致谢！

Answer 1

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>

如何制作简单的密码页

1 个答案: