Javascript 输入密码以显示div？

我正在制作一个有趣的网站，我想在里面放一个复活节彩蛋，你可以输入一个密码来查看网站上隐藏的页面

我知道如何用html制作一个登录表单，我得到了输入密码的“输入”标签，但我不确定“输出”应该是什么。。？我还希望它仅在输入正确文本时显示div或span

---

如果我能同时要求用户名和密码匹配，那就太好了，但我根本不知道这是怎么回事。

好吧，你需要javascript来实现这一点，而且只需要一个简单的onclick监听器

例如：

<button onclick="checkHidden()">Login</button>

<script>
function checkHidden()
{
    if(document.getElementById("name").value == "Name" && document.getElementById("pw") == "123")
    {
        window.location.href = "andereSeite.html";
    }
}
</script>

登录
函数checkHidden（）
{
if（document.getElementById（“name”）.value==“name”和document.getElementById（“pw”）==“123”）
{
window.location.href=“anderesite.html”；
}
}

但显然每个人都可以看到用户名和密码。 他们只需要让他们显示来源。 如果你想秘密地使用它，你需要使用PHP:）

---

有很多关于form+PHP的教程。

好吧，下面是一个简单的例子。使用属性在每个输入字符后运行javascript函数检查密码（this）（这是指输入标记）。如果密码正确，div将显示为

功能检查\u密码（输入\u元素）{
//获取输入值
var password=输入元素值；
//检查值并显示/隐藏div
如果（密码=='secret'）
document.getElementById（'hidden_div'）.style.display='block'；
其他的
document.getElementById（'hidden_div'）.style.display='none'；
}

输入“secret”以查看div。




在输入正确的密码之前，我一直处于隐藏状态。

功能检查\u密码（输入\u元素）{
//获取输入值
var password=输入元素值；
//检查值并显示/隐藏div
如果（密码=='secret'）
document.getElementById（'hidden_div'）.style.display='block'；
其他的
document.getElementById（'hidden_div'）.style.display='none'；
}

输入“secret”以查看div。




在输入正确的密码之前，我一直处于隐藏状态。

您尝试了什么？下面是一个类似的主题，您可以尝试以下解决方案：