我一直在研究 HTML 的密码保护,而列出的大多数保护似乎对我的需求来说是多余的。
我只是想要一些投资组合图像(没有什么需要保密,任何高级程序员或知道如何打开代码的人都可以进入它并不重要,因为没有什么是敏感的),我只是不想要普通用户访问网站的某些区域并且只允许我提供密码的人(例如在我的名片上)。
有没有人有我应该看的任何建议或方向?
我一直在研究 HTML 的密码保护,而列出的大多数保护似乎对我的需求来说是多余的。
我只是想要一些投资组合图像(没有什么需要保密,任何高级程序员或知道如何打开代码的人都可以进入它并不重要,因为没有什么是敏感的),我只是不想要普通用户访问网站的某些区域并且只允许我提供密码的人(例如在我的名片上)。
有没有人有我应该看的任何建议或方向?
在您的主页中使用 javascript,如下所示:
<body>
Enter password: <input id='password' type='text' />
<a href="your_image_portfolio.html" onclick="javascript:return validatePass()">enter your password and click this</a>
<script>
function validatePass(){
if(document.getElementById('password').value == 'yourBussinessCardPassword'){
return true;
}else{
alert('wrong password!!');
return false;
}
}
</script>
</body>
它非常不安全,但它会为非技术用户做你想做的事......
如上所述,HTML 不直接支持密码保护。您可以使用 PHP 执行此操作:创建一个表单以输入将数据发送到 PHP 脚本的密码。在 PHP 脚本的开头使用 if 语句来检查提交的数据是否与您的密码匹配。如果没有,重定向/包含某种错误页面。如果是这样,让它从 if 语句中加载画廊的其余部分。
<?php
if ($_POST["password"] == 12345) {
page goes here
}
else {
include 'errorpage'
?>
<script type="text/JavaScript">
function Sinfo()
{
var info = document.getElementById("info").value; //Getting the value in the Text Area
var help = "Hello"; // setting the value for the password
if(info==help){ // checking to see if info is equal to help
document.write("Correct Password"); // writing correct password if correct
}
else{
document.write("Wrong Password"); // writing the wrong password if wrong
}
}
</script>