如果你要设置访问密码恐怕要使用sublime_text了
废话不多,开始!!!
先把这些东西加上:
<html>
<script>
然后开始写代码:
先辨别密码登录正确的情况:
function check(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="cdssxxx" && pass=="2372535103"){
alert("登入成功");
window.document.f.action="链接的网址";
window.document.f.submit();
}
然后用一个else来连接(判断密码输入错误):
else{
alert("用户名或密码错误");
}
这段很简单,就不用细说了!!
接下来,搭建一个文本框,来装入输入的代码,(要用input):
<form name="f" action=""> <center>用户名:<INPUT TYPE="text" NAME="" id="name"><br></center> <center>密码:<INPUT TYPE="password" NAME="" id="pass"><br></center> <center><INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置"></center> </form>
这样就可以啦!!!
最后献上完整的代码:
<script> function check(){ var name=document.getElementById("name").value; var pass=document.getElementById("pass").value; if(name=="cdssxxx" && pass=="2372535103"){ alert("登入成功"); window.document.f.action="你的链接网址"; window.document.f.submit(); }else{ alert("用户名或密码错误"); } } </script> <form name="f" action=""> <center>用户名:<INPUT TYPE="text" NAME="" id="name"><br></center> <center>密码:<INPUT TYPE="password" NAME="" id="pass"><br></center> <center><INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置"></center> </form>
效果如下图: