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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用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>

参考技术A <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,这四个位置你都可以改成你需要的用户名和密码,跳转页面。

参考技术B 我觉得你发到saihu.io上,2块钱就有人给你写了追问

谢谢

参考技术C 100块钱我给你写追问

看写出来效果怎么样

追答

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

追问

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

追答

呵呵

asp.net,我想做一个企业网址,别人提供了HTML页面,但是我怎么把数据绑定在html里面把数据展示给别人看

先去学一下asp.net自己弄。
这是你需要了解的整个过程(可以按照该过程按照需要去学习asp.net)
1.页面发出data请求->2.后台接受到请求到DB取data到后台->把data通过各种形式传到前台->通过前台的脚本语言处理显示到HTML页面
主要学。
1.从数据库取数据。
这一块基本上方法都差不多就看你怎么取。
学一下sql语句
2.从后台把数据传到前台。
3.前台显示 (涉及到html的布局[div+css之类的] 和网页的脚本语言[比如javascript 或者用一些成型的库如jquery等。])
4.如果还涉及到数据交互的话可能会用到ajax(当然选择get post之类的那些都不提在asp.net学习中肯定会学的。ajax不一定)

或者是花钱找个会的人给他点银子然后让他帮你搞定。
参考技术A 这个问题。你能这么问我敢说你对.net一点都不熟悉。你还是找别人帮你做。或者直接展示静态页面。 参考技术B 把页面切下来 在aspx 里重新拼 之后需要数据 的地方重数据库读就行了 参考技术C 用数据控件,绑定数据库

以上是关于怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账号密码输入正确就跳转到另一的主要内容,如果未能解决你的问题,请参考以下文章

html登录页面怎么做

如何做一个移动web页面,用Jquery Mobile 吗

网页中的用户登录、注册,怎么制作

做winform里怎么把登陆页面的账号传到其他页面的控件中

将多个html页面里引进相同的一个头部页面,应该怎么做

用servlet做一个简单登录,页面用jsp