怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一

怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一个地方,输入错误就提示错误,谁能帮我写一下!!谢谢

<script>
   function login(){
   var name=document.getElementById("name").value;
   var pass=document.getElementById("pass").value;
   if(name=="admin" && pass=="admin"){
   alert("登入成功");
   window.location.href="index.html";
   return false;
   }else{
   alert("用户名或密码错误");
   window.location.href="reg.html";
   return false;
     }   
   }
</script>
<body>
<div id="login">
<p><img src="img/logo2.png"/></p>
    <p  class="oneTitle">网站用户登录界面</p>
    <p class="grayFont">欢迎登录</p>
    <form name="f" action="index.html">
    <p><input type="text" class="textBox" placeholder="请输入用户名" id="name"/></p>
    <p><input type="password" class="textBox" placeholder="请输密码"id="pass"/></p>
    <p><input type="submit" value="提交登录"  class="submitButton" onclick="return login();"/></p>
    </from>
    <p style="width:350px;margin:0 auto;text-align:right;color:#666;font-size:10px;"><a href="reg.html" style="color:black;text-decoration:none;">没有账号或忘记密码</a></p>
    <p style="text-align: center;font-size:13px;margin-top:100px;">版权所有@XXXXXX公司</p>
    </div>

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-05-16
<script>
function check(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="a" && pass=="a"){
alert("登入成功");
window.document.f.action="b.html";
window.document.f.submit();
}else{
alert("用户名或密码错误");

}

}
</script>

<form name="f" action="">
用户名:<INPUT TYPE="text" NAME="" id="name"><br>
密码:<INPUT TYPE="password" NAME="" id="pass"><br>
<INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置">
</form>

希望能帮到你。追问

用不了,点击登入没有用

追答



登陆

function login(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="admin" && pass=="admin"){
alert("登入成功");
window.location="b.htm"
}else{
alert("用户名或密码错误");
window.location="a.htm" ;
}
}

用户名:
密码:

把上面代码 直接保存为:a.htm, 输入用户名和密码都是:admin

追问

登录成功跳转到哪里呢?

追答

。。。。。你是一点都不懂?
if(name=="admin" && pass=="admin"){
alert("登入成功");
window.location="b.htm"
}else{
alert("用户名或密码错误");
window.location="a.htm" ;
}
}
上面的意思就是用户名是admin,密码是admin,输入正确就跳转到b.htm,失败就a.htm,这四个位置你都可以改成你需要的用户名和密码,跳转页面。

本回答被网友采纳
第2个回答  2015-05-20
我觉得你发到saihu.io上,2块钱就有人给你写了追问

谢谢

第3个回答  2015-05-20
100块钱我给你写追问

看写出来效果怎么样

追答

你说写什么样就写什么样,绝对满足你的需求。五年专业开发经验。

追问

写出来,我看效果!!!!

追答

呵呵