如何对一个HTML页面设置密码输入?

我有一个页面,不想给其他人看到,只想给我朋友看.
加个什么代码能让我朋友输入密码后就能看到页面.
换句话说,就是打开一个页面,先提示输入密码,密码对了就进入页面.
我不需要很复杂的,最简单的纯HTML代码就可以
在已经有的页面加入的那种

1、新建index.html页面。

2、写入HTML文件,任何一个网页式的文件,必须要有HTML文件的元素,才算合格的网页。用记事本打开index.html

3、添加JS脚本,在<head>之间添加以下JS脚本代码</head><script language="JavaScript"><!--var password="";password=prompt('请输入密码 (本网站需输入密码才可进入):','');if (password != 'mima')   {alert("密码不正确,无法进入本站!!");    window.opener=null; window.close();}  // 密码不正确就关闭//--></script>。

4、添加网页内容,添加网页内容可以验证密码输入正确后进入网页的内容。在<body>之间随意添加元素</boody>。

5、密码错误的访问验证在浏览器输入192.168.1.2,页面会弹出输入密码的提示,输入一个错误的密码,查看页面是否访问。

6、输入正确的密码访问重新打开网页,进入页面,查看网页内容。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-04-22
用js吧,但是密码得是你和你朋友约定好的,写死到js里面,
html中密码输入框:<input type="password" id="password" name="password"/>
加个按钮<input name="a" type="submit" value="登 录" onclick="checkpassword();"/>
然后加入js验证一下
<script>
function checkpassword(){
var pwd="1234567";//你和朋友约定的密码,写死的
var inpwd=document.getElementById("password").value;//获取输入的代码
if(pwd == inpwd){ //判断一下是否一样
window.location.href="你的url地址,也就是你想让别让你跳到的页面";
}
}
</script>
这样既ok了本回答被提问者采纳
第2个回答  2013-09-02
如果设置密码的话,都是在服务端做。想你说的这种情况,直接在JS里面写就好了 。当时这种弊端也是很明显的,有点网页基础的人都能看得到,建议自己写个加密方式
第3个回答  2013-09-02
<form>
用户:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>
这是html的,但是
相似回答