怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一 100
怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一个地方,输入错误就提示错误,谁能帮我写一下!!谢谢...
怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一个地方,输入错误就提示错误,谁能帮我写一下!!谢谢
展开
4个回答
推荐于2018-03-20
展开全部
<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>
展开全部
<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 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
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我觉得你发到saihu.io上,2块钱就有人给你写了
追问
谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
100块钱我给你写
更多追问追答
追问
看写出来效果怎么样
追答
你说写什么样就写什么样,绝对满足你的需求。五年专业开发经验。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询