Javascript 带有Cookies的网页密码

我正在寻找一种方法来对我的一个html页面进行密码保护，我使用php找到了这种方法： 然而，我不太清楚如何实现这一点

有人能帮我用上面的方法吗，或者建议一种不同的方法

非常感谢

---

Harry

将密码存储在本地并不是真正的节约，但好吧。。。在页面顶部尝试以下操作：

<?php
$yourpassword = 'test';
if($_SESSION['password'] != $yourpassword){
  if(empty($_POST['password'])){
      die('
        <form action="POST" action=""> 
            <input placeholder="Password" type="password" name="password">
            <input type="submit">
        </form>
      ');
  } else {
    if($_POST['password'] == $yourpassword){
        $_SESSION['password'] = $yourpassword;
    } else {
      die('
        <form method="POST" action=""> 
            <input placeholder="Password" type="password" name="password">
            <input type="submit">
        </form>
      ');
    }
  }
}
?>

---

什么方法？链接的页面只是重定向到invalid.html，没有显示任何与php身份验证方法有关的内容。您需要显示您试图实现的代码。javascript与此有什么关系？
<?php
$yourpassword = 'test';
$testvalue = 'TESTVALUE'
if($_SESSION['cookie'] != $testvalue){
  if(empty($_POST['password'])){
      die('
        <form action="POST" action=""> 
            <input placeholder="Password" type="password" name="password">
            <input type="submit">
        </form>
      ');
  } else {
    if($_POST['cookie'] == $testvalue){
        $_SESSION['cookie'] = $yourpassword;
    } else {
      die('
        <form method="POST" action=""> 
            <input placeholder="Password" type="password" name="password">
            <input type="submit">
        </form>
      ');
    }
  }
}
?>