导航:首页 > 万维百科 > 网页设计怎么做登陆页面

网页设计怎么做登陆页面

发布时间:2020-09-04 09:32:18

1、制作网页是如何制作用用户名和密码的登录系统的呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<style>
* { margin:0 auto; padding:0; border:0;}
body { background:#8194BC; font:12px "宋体"; color:#004C7E;}
input { border:1px solid #004C7E;}
.main { margin-top:15%;}
.login { background:#DDF1FE; width:468px; height:262px; border:1px solid #000; background:url() no-repeat;}
.top { background:url() repeat-x; width:464px; height:113px; border:1px solid #2376B1; margin-top:1px;}
.submit { width:71px; height:24px; margin-left:4px;}
.reset { width:71px; height:24px; margin-right:100px;}
</style>

<body>
<form action="" method="get" id="frmLogin" target="_self">

<table width="100%" class="main" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="login">
<div class="top"></div>
<table width="468" cellpadding="0" cellspacing="0">
<tr>
<td height="108" style="padding-top:17px;">
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="27" align="right"><div align="right">用户名:</div></td>
<td align="left" width="321">
<input name="username" id="username" type="text" style="width:150px;padding-left:2px;" />
</td>
</tr>
<tr>
<td align="right" height="27">密码:</td>
<td align="left" width="321">
<input name="pwd" id="pwd" type="password" style="width:150px;padding-left:2px;" />
</td>
</tr>
<tr>
<td align="right" height="27"> </td>
<td align="left" width="321">要进行设置,必须先登录</td>
</tr>
<tr>
<td align="right" height="27"> </td>
<td align="left" width="321">
<input id="btnSubmit" type="button" value="提交" class="submit" tabindex="1"/>
<input name="reset" type="button" class="reset" value="取消" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--login -->
</td>
</tr>
</table>
</form>
</body>
</html>

2、如何为网页制作一个有用户登陆和注册的功能网页???

这应该不是仅仅高手知道的吧?
原理是这样的:
如果是明文保存密码的话就简单了,入门也都教这样的,我也说这样的例子。
注册就是设置(最基本)两个input,一个用户名,一个密码。然后一个submit按钮。提交到本页,加一个参数。
比如
thispage.asp?action=reg
这里的参数是action,值是reg。
在页的另一部分进行获取
p = request.querystring("aciton");
if(p=="reg")
{
//这里进行注册
以刚才传过来的表单里的username为关键字进行SQL查找,看库里有无这个用户。如果没有,则写入数据库:刚才的用户名和密码。
如果有这个用户,返回信息,告知用户该名已被使用。
}
登陆也类似
只不过是先以用户名作为关键字进行查找,然后找不到该用户名报错,如果找到,则将其密码从数据库中提出,和用户从表单提交的值进行比较,如果不一致,报错。如果一致,则通过,登陆成功。
如果是以密文进行保存的密码,则需要更多处理,你现在根本弄不明白,还是先弄清楚明文密码吧。

3、网页制作如何制作用户登陆后界面

你现在网页中建立表单,“表单”你应该知道吧!然后建立数据库在网页中要编写代码最起码要用到“action"这是动作有这么一个代码"action=(你需要连接到的网页).asp”当用户注册或是登陆时网页直接链接到这个网页(后门链接),进入数据库中查找!!!
dim rs,conn
conn = "Driver={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("/xiao/q1.mdb")
Set rs = Server.CreateObject("ADODB.Recordset")
sql = "SELECT * FROM 表 "
rs.open sql,conn,3,3
这是相对路径上数据库链接的代码,这只是参考啊

4、在网页制作中,怎么做一个登录和注册框?

hehe我个人对网页制作是很感兴趣的~就你的问题,我谈一下:
看你喜欢什么语言,我用javascrpit作的登陆框
<SCRIPT LANGUAGE="JavaScript">
function Login(form) {
var username = form.username.value;
var password = form.password.value;
var server = form.server.value;
if (username && password && server) {
var htsite = "http://" + username + ":" + password + "@" + server;
window.location = htsite;
}
else {
alert("请输入用户和密码.");
}
}
</script>

把这一段加到head部分,然后

<form name=login>
<input type="hidden" name="server" value="www.yourftp.com/">
用户名:
<input type=text name=username size=20>
<br><br>
密 码:
<input type=password name=password size=20>
<input type=button value="登录" onClick="Login(this.form)" name="button">
</form>
加到body部分就可以了,注册框也是类似~改一下就可以了

希望你能成功地做出自己想要的页面~~呵呵加油!!有什么问题再来找我~~
zcspace.spaces.live.com

5、如何制作登录页面?

css只是样式,要结合html和js才可以做

6、如何制作网站的用户登录界面

很多用户在开发 ASP.NET 应用程序时都有这样的需求:管理员角色的账户使用管理员的登录界面进行登录,普通用户角色的账户使用普通用户的登录界面进行登录。由于ASP.NET的web.config里只能使用一个 authentication mode="Forms" 节点,所以,要实现不同用户采用不同的登录界面,一个办法就是创建一个管理员专用的虚拟目录,并设置为应用程序来实现。下面介绍另外一种采用重定向的办法来解决这个问题。 本文介绍的方法原理是根据登录界面的返回地址进行判断,然后重定向到不同的页面。下面就是实现的详细过程。 1,创建一个网站,在网站里创建Admin文件夹和User文件夹,分别存放admin和普通用户所使用的文件。也可以只设置一个 Admin 文件夹。由于本方法采用的判断返回路径的方法,所以,要能从路径中区分出哪些是admin用户使用的文件夹。当然,采用其他的判断方法也是可以的。 2,在网站根目录下分别创建3个登录文件:Login.aspx、UserLogin.aspx和AdminLogin.aspx。其中Login.aspx文件起地址转换的作用,Login.aspx文件的主要内容: protected void Page_Load(object sender, EventArgs e) { String ReturnUrl = Request.QueryString["ReturnUrl"]; if (ReturnUrl == null || ReturnUrl.Equals(String.Empty)) { //默认情况下,按普通用户进行登录 Response.Redirect("~/UserLogin.aspx"); } else { if (ReturnUrl.ToLower().Contains("/admin/")) { Response.Redirect("~/AdminLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } else { Response.Redirect("~/UserLogin.aspx?ReturnUrl=" + Server.UrlEncode(ReturnUrl)); } } 在这个文件的代码中,如果ReturnUrl中含有"/admin/",就重定向到AdminLogin.aspx登录界面;否则,就重定向到 UserLogin.aspx 登录界面。 UserLogin.aspx这个文件的内容如下: < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密码验证过程在此省略,假如用户名是mxh,密码是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票证的版本号 UserName,//与身分验证票关联的用户名 DateTime.Now, //票证发出时的本地日期和时间 DateTime.Now.AddHours(1),//票证过期的本地日期和时间 true,// 如果票证存储在持久性cookie中(跨浏览器会话保存)则为 true 否则为false 如果票证储存在URL中,将忽略此值 "reader",//储存在票证中持定的用户信息,本页面供 reader 登录使用 FormsAuthentication.FormsCookiePath //票证储存在cookie中的路径 ); //如果 forms 元素的 protection 属性设置为 All 或 Encryption,则窗体身份验证使用 Encrypt 方法对窗体身份验证票进行加密和签名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟宪会之多用户登录测试页面< /title > < /head > < body > < form id="form1" runat="server" > 普通用户登录界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用户登录" / > < /form > < /body > < /html > < %@ Page Language="C#" % > < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < mce:script runat="server" >< !-- protected void Button1_Click(object sender, EventArgs e) { //密码验证过程在此省略,假如用户名是mxh,密码是mengxianhui String UserName = "mxh"; FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(2,//票证的版本号 UserName,//与身分验证票关联的用户名 DateTime.Now, //票证发出时的本地日期和时间 DateTime.Now.AddHours(1),//票证过期的本地日期和时间 true,// 如果票证存储在持久性cookie中(跨浏览器会话保存)则为 true 否则为false 如果票证储存在URL中,将忽略此值 "reader",//储存在票证中持定的用户信息,本页面供 reader 登录使用 FormsAuthentication.FormsCookiePath //票证储存在cookie中的路径 ); //如果 forms 元素的 protection 属性设置为 All 或 Encryption,则窗体身份验证使用 Encrypt 方法对窗体身份验证票进行加密和签名。 string encTicket = FormsAuthentication.Encrypt(ticket); HttpCookie cookie = new HttpCookie(FormsAuthentication.FormsCookieName, encTicket); Response.Cookies.Add(cookie); Response.Redirect(FormsAuthentication.GetRedirectUrl(UserName, true)); } // -- >< /mce:script > < html xmlns=" http://www.w3.org/1999/xhtml" > < head runat="server" > < title >孟宪会之多用户登录测试页面< /title > < /head > < body > < form id="form1" runat="server" > 普通用户登录界面省略< br / > < asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="普通用户登录" / > < /form > < /body > < /html >

麻烦采纳,谢谢!

7、如何用dw做个登录页面

①先新建一个html页面取名为index.html这个为首页,在BODY里面写上<a href="Login.html"/>登陆</a>(一般网站上的登陆按钮不是button而是a标签,只是加一些样式就可以和button按钮一样了,href就是你想点击后跳转到得页面地址)。
②再建立一个HTML页面取名为Login.html这个是登陆的界面在body里写上
<label>用户名</label>
<input type="text" /><br />
<label>密码</label>
<input type="password" /><a href="这里写第三个页面的地址">注册</a>
上面就是登陆页面让你输入用户名和密码。
③建立一个html作为注册页面,在body里面写上
<label>用户名</label>
<input type="text" /><br />
<label>密码</label>
<input type="text" /><br />
<label>确认密码</label>
<input type="password" />
<input type="button" value="注册"/>

以上就是在网站中常看到的点击登陆弹出页面,点击注册弹出页面的代码了。但是这只是html代码,如果要想验证那么就要涉及的数据库的知识了。

8、如何制作网页登陆界面?

<html>
<head>
</head>
<body>
<form>
2个文本框(用户名+密码)
提交按钮 提交到动态页(asp\aspx\php\jsp)做判断
</form>
</body>
</html>

与网页设计怎么做登陆页面相关的知识