導航:首頁 > 萬維百科 > 用戶注冊網頁設計代碼

用戶注冊網頁設計代碼

發布時間:2021-03-21 07:44:11

1、如何為網頁製作一個有用戶登陸和注冊的功能網頁???

這應該不是僅僅高手知道的吧?
原理是這樣的:
如果是明文保存密碼的話就簡單了,入門也都教這樣的,我也說這樣的例子。
注冊就是設置(最基本)兩個input,一個用戶名,一個密碼。然後一個submit按鈕。提交到本頁,加一個參數。
比如
thispage.asp?action=reg
這里的參數是action,值是reg。
在頁的另一部分進行獲取
p = request.querystring("aciton");
if(p=="reg")
{
//這里進行注冊
以剛才傳過來的表單里的username為關鍵字進行SQL查找,看庫里有無這個用戶。如果沒有,則寫入資料庫:剛才的用戶名和密碼。
如果有這個用戶,返回信息,告知用戶該名已被使用。
}
登陸也類似
只不過是先以用戶名作為關鍵字進行查找,然後找不到該用戶名報錯,如果找到,則將其密碼從資料庫中提出,和用戶從表單提交的值進行比較,如果不一致,報錯。如果一致,則通過,登陸成功。
如果是以密文進行保存的密碼,則需要更多處理,你現在根本弄不明白,還是先弄清楚明文密碼吧。

2、這個首頁的html5網站設計代碼(尤其是頭部那登錄注冊代碼怎麼寫)

首先先說一下HTML5的代碼只是在原有的XHTML基礎上增加了一些新的標簽(還有一些新的特性,例如資料庫和緩存等特性)

以下為此頁面的結構代碼:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="revised" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content=""  />
<meta name="robots" content="all" />
<title>頁面標題</title>
</head>

<body>
<header>
<div></div><!--登陸注冊區域-->
</header><!--頭部[html5新標簽]-->
<nav></nav><!--導航[html5新標簽]-->
<div></div><!--banner-->
<div></div><!--左上-->
<div></div><!--右上-->
<div></div><!--左下-->
<div></div><!--右下-->
<footer></footer><!--底部[html5新標簽]-->
</body>
</html>

註:以上為頁面的大的框架,相對用HTML5新的標簽更合理的,全用上了新的帶有語義標簽。

另外多說一下,[注冊登陸]這塊在html5的新標簽裡面沒有很合適的語義化的標簽,所以依然採用原有的div標簽為最合理。html5隻是在原有的技術的基礎上更細化了,咱在製作代碼的過程中沒必要必須用HTML5的代碼,主要看是否合理,合理的為較合適的。


多說的:不管用XHTML還是HTML5寫代碼,結構(HTML5)與樣式(CSS)盡量要分離!


希望能幫到你!

3、dw製作網頁中的注冊登錄代碼怎麼寫?

可以 用.net或者php或者asp都可以實現的,前台你不知道哪些頁面跳轉,現在的網頁都是動態的,鏈接都是後台調用 ,他們自己分配的id咱不知道,所以你也不知道鏈接到什麼地發過去,即使你鏈接了也是靜態的,可以用一個id控制項點擊跳轉

4、網頁設計里的注冊源代碼

是jsp嗎,還是asp什麼的
首先資料庫連接沒問題,且庫中有測試用戶名和密碼,我這里有一個拿去參考吧~
輸入頁面加入<from>表單,將用戶輸入內容提交到validation.jsp進行驗證。
<form name="myform" action="validation.jsp" method="post">
<table cellSpacing="0" cellPadding="0" width="100%" border="0" height="143" id="table212">
<tr>
<td width="13%" height="38" class="top_hui_text"><span class="login_txt">用戶: </span></td>
<td height="38" colspan="2" class="top_hui_text"><input name="username" class="editbox4" value="" size="20"> </td>
</tr>
<tr>
<td width="13%" height="35" class="top_hui_text"><span class="login_txt"> 密碼: </span></td>
<td height="35" colspan="2" class="top_hui_text"><input name="userpass" class="editbox4" type="password" size="20" >
<img src="images/luck.gif" width="19" height="18"> </td>
</tr>
<td height="35" > </td>
<td width="10%" height="35" ><input name="Submit" type="submit" class="button" id="Submit" value="登 陸" onclick="return valid()"> </td>
<td width="80%" class="top_hui_text"><input name="cs" type="reset" class="button" id="cs" value="取 消"></td>
</tr>
</table>
<br>
</form>
然後第二個頁面validation.jsp接收數據,驗證通過後進入其他頁面,比如'login.jsp'
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>活動日誌</title>
</head>
<%//接收客戶端提交的數據
String username=request.getParameter("username");
String pass=request.getParameter("userpass");
try{
ResultSet rs=inBean.executeQuery("select * from employees where emp_name='"+username+"' and emp_pwd='"+pass+"'");//執行SQL語句並返回結果
if(rs.next())
{ out.print("<script>window.location='login.jsp' </script>");
}
else{
// out.print("登陸失敗");
out.print("<script>alert('用戶名或密碼錯誤,請重新登錄...'); window.location='index.jsp' </script>");
// response.sendRedirect("index.jsp.html");
}
//rs.close();
rs.close();
}
catch(SQLException e1){out.println("SQL異常!");}
%>
<%session.setAttribute("userinfo", username); %>
<body>
</form>
</body>
</html>

5、利用Javascript實現用戶注冊信息檢查,製作一個注冊界面檢測的javascript頁面 要完整的網頁代碼,謝謝

//已發郵箱,注意查收。js部分代碼如下:
    <script>
        function $(id){
            return document.getElementById(id)
        }
        function clear_msg(){
            set_msg('');
        }
        function set_msg(msg){
            $("tipmsg").innerHTML = msg;
        }
        function check_form(){
            clear_msg();
            var username = $('username').value,
                password = $('password').value,
                repasswd = $('repasswd').value,
                sex      = $('sex').value,
                email    = $('email').value;
            if(!/^[a-zA-Z]/.test(username)){
                set_msg("請輸入用戶名,並以字母開頭");
                return false;
            }
            if(password.length == 0){
                set_msg("請輸入密碼");
                return false;
            }
            if(password!=repasswd){
                set_msg("兩次密碼不一致,請修改");
                return false;
            }
            if(sex.length == 0){
                set_msg("請選擇性別");
                return false;
            }
            if(!/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/.test(email)){
                set_msg("郵箱為空或格式不正確");
                return false;
            }

            set_msg('<span style="color:#00ff00;">恭喜你!!!通過驗證了</span>');
            return false;//防止表單提交,如果後台有介面改為return true; 就可以提交表單了
        }
    </script>

6、求網頁製作 注冊\登錄代碼!!

是要用什麼樣的方式、jsp/asp/php等

7、網頁製作中用戶注冊登錄系統代碼如何連接到網頁上?

<html ><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script language="jscript">function check() if(pass.length<6||name.length<6) for(var i = 0;i<name.length;i++) } return true;}</script><title>css樣式特效</title><style type="text/css">table.mouseOverStyle.mouseOver.mouseOut</style></head><body><form name="myform" method="post" action="a.htm" onSubmit="return check()"> <table border="0" bgcolor="#F8F8F8" style="border-style:solid; border-width:1px;"> <tr> <td colspan="2"><img src="img/excer/images1/freeh1-n.jpg" alt="1" ></td> </tr> <tr> <td width="72"><label></label> <div align="right">用戶名:</div></td> <td width="240"><label> <input type="text" name="txtN" style="border-color='#00a8a8'" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'"> </label> <br>名字由字母和數字組成</td> </tr> <tr> <td><div align="right">密碼:</div></td> <td><label> <input type="password" name="txtP" style=" border-color:#00a8a8" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'" > </label> </td> </tr> <tr> <td> </td> <td><label>密碼長度6位以上</label></td> </tr> <tr> <td> </td> <td><label> <input type="submit" name="Submit" value=" 登錄 " class="mouseOverStyle" onMouseOver="this.className='mouseOver'" onMouseOut="thi 如果幫助到您,請記得採納為滿意答案哈,謝謝!祝您生活愉快! vae.la

與用戶注冊網頁設計代碼相關的知識