導航:首頁 > 萬維百科 > 網頁設計怎麼做登陸頁面

網頁設計怎麼做登陸頁面

發布時間: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>

與網頁設計怎麼做登陸頁面相關的知識