如何为网页添加密码保护？

Question

当我单击站点上的某些图像时，我希望它要求输入密码并检查其是否正确。如果输入了正确的密码，请转到该站点。但是我是网站制作的新手。我知道网页代码是开源的。只需检查元件和动臂即可。因此，我想出的密码保护代码几乎没有用。

var userResponse = "N/A";

function askPass() {
    "use strict";
    userResponse = prompt("What's the password?", "000000");
    if (userResponse === "SpeculAcessPls") {
        window.open("www.link.com");
    }
}

如何使密码更安全？

Answer 1

为此，您将需要一个用于验证登录表单的php函数。

<form action="action.php" method="post">
  <p>Your password: <input type="text" name="password" /></p>
  <p><input type="submit" /></p>
</form>

而且您的action.php应该如下所示：

<?php

if (!$_POST["password"]=="login password")
{
  echo "Wrong password!";
}
?>

快速提示：如果您从未听说过.htaccess文件，则需要在index.html目录中创建一个文件，并添加代码以启用php。下面的链接将向您显示需要写入文件以为Web服务器启用它的内容。

http://www.besthostratings.com/articles/php-in-html-files.html