注冊頁面html代碼_注冊/登陸頁面HTML代碼該怎麼寫

『壹』注冊頁面html中的登錄按鈕代碼

『貳』注冊/登陸頁面HTML代碼該怎麼寫

以下為個人原創教學例子，任何人引用需註明出自網路知道用戶am7972,樓主可供參考
該例子涵蓋了文本框、密碼框、下拉菜單、單選框、復選框及文本區的使用
同時在數據的使用方面涵蓋了文本型、數值型、日期型、布爾型的使用
也涵蓋了在會員信息入資料庫前，進行嚴格的數據檢查
不足處，js驗證還不是太完善，不過有服務端認證足夠了
<title>會員注冊</title>
<script type="text/javascript">
</script>
</head>
<body>
<table border="1" width="53%" bordercolorlight="#000000" cellspacing="0" id="table1" height="358" bordercolor="#000000" bordercolordark="#FFFFFF" cellpadding="0">
<form method="POST" action="bb.asp" name="userinfo" onsubmit="return CheckForm();">
<tr><td colspan="2" height="37"> <p align="center">會員注員</td> </tr>
<tr> <td width="37%" align="right">姓名：</td> <td width="61%"> <input type="text" name="username" value="libin" size="13"> </td> </tr>
<tr> <td width="37%" align="right">密碼：</td> <td width="61%"> <input type="password" name="userPassword" size="20" value="123"></td> </tr>
<tr> <td width="37%" align="right">性別：</td> <td width="61%"><input type="radio" value="True" checked name="Sex">男 <input type="radio" name="Sex" value="False">女</td> </tr>
<tr> <td width="37%" align="right">生日：</td> <td width="61%"> <input type="text" name="userSR" size="11" value="1985-03-12"></td> </tr>
<tr> <td width="37%" align="right">年齡：</td> <td width="61%"><input type="text" name="userNL" size="9" value="13"></td> </tr>
<tr> <td width="37%" align="right">愛好：</td> <td width="61%"> <input type="checkbox" name="ah" value="sw">上網 <input type="checkbox" name="ah" value="ds" checked>讀書 <input type="checkbox" name="ah" value="ty">體育</td> </tr>
<tr> <td width="37%" align="right">上網方式：</td> <td width="61%">
<select size="1" name="swfs"> <option selected value="bhsw">撥號上網</option> <option value="wxsw">無線上網</option> <option value="gxsw">光纖上網</option> </select>
</td> </tr>
<tr> <td width="37%" align="right">個人簡介：</td> <td width="61%"><textarea rows="9" name="userGrjs" cols="34"></textarea></td> </tr> <tr> <td colspan="2" height="38"> <p align="center"><input type="submit" value="提交" name="B1"> <input type="reset" value="重置" name="B2"></td>
</tr>
</form>
</table>
====bb.asp的會員注冊非法數據監測====
<%
username = Request("username")
userPassword = Request("userPassword")
Sex = Request("Sex")
userSR = Request("userSR")
userNL = Request("userNL")
ah = Request("ah")
swfs = Request("swfs")
userGrjs = Request("userGrjs")
'判斷數據合法性，絕對不能讓非法數據進入系統
'判斷姓名username合不合法，是否包含非法數據
username = Trim(username) '例如：" 張三 "經過處理之後變成"張三"
If username ="" Then
Response.write "姓名不能為空"
Response.End
End If
If Len(username)>10 Then
Response.write "姓名字數不能超過10個字" 'Len("Z")=1 Len("國")=2
Response.End
End If
For i = 1 To Len(username)
q = Mid(username,i,1)
If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Then
Response.write "姓名不能包含特殊符號!@#$%^&*()_-+|<>?/"",."
Response.End
End If
Next
'判斷密碼合不合法，是否包含非法數據userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密碼不能為空" Response.EndEnd If
If Len(userPassword)>20 Then
Response.write "密碼字數不能超過20個字"
Response.End
End If
'判斷密碼合不合法，是否包含非法數據
Sex = Trim(Sex)
If Sex = "" Then
Response.write "性別不能為空"
Response.End
End If
If Sex <> "True" And Sex <> "False" Then
Response.write "性別不能為不男不女"
Response.End
End If
'判斷生日合不合法，是否包含非法數據
userSR = Trim(userSR)
If userSR ="" Then
Response.write "生日不能為空"
Response.End
End If
If Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23
Response.write "你輸入的生日字數不對，應為2012-6-3或2012-11-23格式"
Response.End
End If
If IsDate(userSR)=False Then
Response.write "你輸入的生日格式不能轉化為日期，請核實"
Response.End
End If
If DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Then
Response.write "根據你輸入的生日你可能小於1歲或已經超過200歲了，請核查重新輸入"
Response.End
End If
'判斷年齡合不合法，是否包含非法數據userNL = Trim(userNL)If userNL ="" Then
Response.write "年齡不能為空"
Response.End
End If
If IsNumeric(userNL)=False Then
Response.write "你輸入的年齡不能轉化為數值，請核查"
Response.End
End If
userNL = CInt(userNL)
If userNL<0 Or userNL>200 Then
Response.write "你輸入的年齡不能小於0歲或者大於200歲，請核查"
Response.End
End If
'判斷愛好合不合法，是否包含非法數據ah = Trim(ah) '選擇多個愛好則系統會用，分開 //測試
ah = Replace(ah," ","")
arrAh = Split(ah,",")
For i = LBound(arrAh) To UBound(arrAh)
If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then
Response.write i & "你選擇的愛好有問題，請核查" & arrAh(i)
Response.End
End If
Next
'判斷上網方式合不合法，是否包含非法數據swfs = Trim(swfs)If swfs = "" Then
Response.write "上網方式不能為空"
Response.End
End If
If swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Then
Response.write "你選擇的上網方式有問題，請核查"
Response.End
End If
'判斷個人簡介是否為空，是否超出1000個字
userGrjs = Trim(userGrjs)
If userGrjs = "" Then
Response.write "個人簡介不能為空"
Response.End
End If
If Len(userGrjs) > 1000 Then
Response.write "個人簡介不能超過1000個字"
Response.End
End If
Response.write "數據合法性檢測通過"
%>
====登陸的HTML代碼可相信樓主參照會員注冊代碼應該沒問題了====

『叄』注冊/登陸頁面HTML代碼該怎麼寫

以下為個人原創教學例子，任何人引用需註明出自網路知道用戶am7972,樓主可供參考x0dx0a該例子涵蓋了文本框、密碼框、下拉菜單、單選框、復選框及文本區的使用x0dx0a同時在數據的使用方面涵蓋了文本型、數值型、日期型、布爾型的使用x0dx0a也涵蓋了在會員信息入資料庫前，進行嚴格的數據檢查x0dx0a不足處，JS驗證還不是太完善，不過有服務端認證足夠了x0dx0a會員仿慧注冊x0dx0ax0dx0ax0dx0ax0dx0a

x0dx0ax0dx0a x0dx0a x0dx0ax0dx0a x0dx0a x0dx0a x0dx0ax0dx0a x0dx0a x0dx0ax0dx0ax0dx0a

會員注員
姓名：
密碼：
性別備姿答：	男女
生日：
年齡：
愛好：	上網讀書體育
上網方式：	x0dx0a x0dx0a
個人簡介：

x0dx0a====bb.asp的會員注冊非法數據監測====x0dx0a<%x0dx0ausername = Request("username")x0dx0auserPassword = Request("userPassword")x0dx0aSex = Request("Sex")x0dx0auserSR = Request("userSR")x0dx0auserNL = Request("userNL")x0dx0aah = Request("ah")x0dx0aswfs = Request("swfs")x0dx0auserGrjs = Request("userGrjs")x0dx0a'判斷數據合法性，絕對不能讓非法數據進入系統x0dx0a'判斷姓名username合不合法，是否包含非法數據x0dx0ausername = Trim(username) '例如：" 張三 "經過處理之後變成"張三"x0dx0aIf username ="" Thenx0dx0a Response.write "姓名不能為空"x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf Len(username)>10 Thenx0dx0a Response.write "姓名字數不能超過10個字" 'Len("Z")=1 Len("國")=2x0dx0a Response.Endx0dx0aEnd Ifx0dx0aFor i = 1 To Len(username)x0dx0a q = Mid(username,i,1) x0dx0a If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Thenx0dx0a Response.write "姓名不能包含特殊符號!@#$%^&*()_-+|<>?/"",." x0dx0a Response.End x0dx0a End Ifx0dx0aNextx0dx0a'判斷密碼合不合法，是否包含非法數據userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密碼不能為空" Response.EndEnd Ifx0dx0aIf Len(userPassword)>20 Thenx0dx0a Response.write "密碼字數不能超過20個字" x0dx0a Response.Endx0dx0aEnd Ifx0dx0a'判斷密碼合不合法，是否包含非法數據x0dx0aSex = Trim(Sex)x0dx0aIf Sex = "" Thenx0dx0a Response.write "性別不能為空"x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf Sex <> "True" And Sex <> "False" Thenx0dx0a Response.write "性別不能為不男不女"x0dx0a Response.Endx0dx0aEnd Ifx0dx0a'判斷生日合不合法，是否包含非法數據x0dx0auserSR = Trim(userSR)x0dx0aIf userSR ="" Thenx0dx0a Response.write "生日不能為空"x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23x0dx0a Response.write "你輸入的生日字數不對，應為2012-6-3或2012-11-23格式" x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf IsDate(userSR)=False Thenx0dx0a Response.write "你輸入的生日格式不能轉化為日期，請核實" x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Thenx0dx0a Response.write "根據你輸入的生日你可能小於1歲或已經超過200歲了，請核查重新輸入" x0dx0a Response.Endx0dx0aEnd Ifx0dx0a'判斷年齡合不合法，是否包含非法數據userNL = Trim(userNL)If userNL ="" Thenx0dx0a Response.write "年齡不能為空" x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf IsNumeric(userNL)=False Thenx0dx0a Response.write "你輸入的年齡不能轉化為數值，請核查"x0dx0a Response.Endx0dx0aEnd Ifx0dx0auserNL = CInt(userNL)x0dx0aIf userNL<0 Or userNL>200 Thenx0dx0a Response.write "你輸入的年齡不能小於0歲或者大於200歲，請核查"x0dx0a Response.Endx0dx0aEnd Ifx0dx0a'判斷愛好合不合法，是否包含非法數據ah = Trim(ah) '選擇多個愛好則系統會用，分開 //測試x0dx0aah = Replace(ah," ","")x0dx0aarrAh = Split(ah,",")x0dx0aFor i = LBound(arrAh) To UBound(arrAh)x0dx0a If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then x0dx0a Response.write i & "你選擇的愛好有問題，請核查" & arrAh(i)x0dx0a Response.Endx0dx0a End Ifx0dx0aNextx0dx0a'判斷上網方式合不合法，是否包含非法數據swfs = Trim(swfs)If swfs = "" Thenx0dx0a Response.write "上網方式不能為空"x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Thenx0dx0a Response.write "你選擇的上網方式有問題，請核查"x0dx0a Response.Endx0dx0aEnd Ifx0dx0a'判斷個人簡介是否為空，是否超出1000個字x0dx0auserGrjs = Trim(userGrjs)x0dx0aIf userGrjs = "" Thenx0dx0a Response.write "個人簡介不能為空" x0dx0a Response.Endx0dx0aEnd Ifx0dx0aIf Len(userGrjs) > 1000 Thenx0dx0a Response.write "個人簡介不能超過1000個字"x0dx0a Response.Endx0dx0aEnd Ifx0dx0aResponse.write "數據合法性檢測通過"x0dx0a%>x0dx0a====登陸的HTML代碼可相信樓主參照會員注冊代碼應該沒問題了====

『肆』 html5寫這個注冊頁面怎麼寫啊

<!DOCTYPEhtml>
<html>

<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>Bootstrap4</title>
<linkrel="stylesheet"href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+/dAiS6JXm"crossorigin="anonymous">
<linkrel="stylesheet"href="bootstrap-colorpicker/css/bootstrap-colorpicker.css">
<linkrel="stylesheet"href="bootstrap-datepicker/css/bootstrap-datetimepicker.min.css">
<styletype="text/css">
.main-box{
width:640px;
margin:40pxauto;
}
</style>
</head>

<body>
<divclass="main-box">
<form>
<divclass="form-grouprow">
<labelfor="name"class="col-sm-2col-form-label">用戶名</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="name"placeholder="請輸入用戶名">
</div>
</div>

<divclass="form-grouprow">
<labelfor="pwd"class="col-sm-2col-form-label">密碼</label>
<divclass="col-sm-10">
<inputtype="password"class="form-control"id="pwd"placeholder="請輸入密碼">
</div>
</div>

<divclass="form-grouprow">
<labelfor="pwd2"class="col-sm-2col-form-label">確認密碼</label>
<divclass="col-sm-10">
<inputtype="password"class="form-control"id="pwd2"placeholder="請輸入確認密碼">
</div>
</div>

<divclass="form-grouprow">
<labelfor="area"class="col-sm-2col-form-label">區域</label>
<divclass="col-sm-10">
<selectclass="form-controlform-control-lg"id="area">
<option>四川省</option>
</select>
</div>
</div>

<fieldsetclass="form-group">
<divclass="row">
<legendclass="col-form-labelcol-sm-2pt-0">性別</legend>
<divclass="col-sm-10">
<divclass="form-checkform-check-inline">
<inputclass="form-check-input"type="radio"name="inlineRadioOptions"id="inlineRadio1"value="option1"
checked="true">
<labelclass="form-check-label"for="inlineRadio1">男</label>
</div>
<divclass="form-checkform-check-inline">
<inputclass="form-check-input"type="radio"name="inlineRadioOptions"id="inlineRadio2"value="option2">
<labelclass="form-check-label"for="inlineRadio2">女</label>
</div>
</div>
</div>
</fieldset>

<divclass="form-grouprow">
<labelfor="age"class="col-sm-2col-form-label">年齡</label>
<divclass="col-sm-10">
<inputtype="email"class="form-control"id="age"placeholder="請輸入年齡">
</div>
</div>

<divclass="form-grouprow">
<labelfor="age"class="col-sm-2col-form-label">生日</label>
<divclass="col-sm-10">
<inputsize="16"type="text"value="2012-06-15"readonlyclass="form-controlform_datetime">
</div>
</div>

<divclass="form-grouprow">
<labelfor="phone"class="col-sm-2col-form-label">手機號</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="phone"placeholder="請輸入手機號">
</div>
</div>

<divclass="form-grouprow">
<labelfor="phone"class="col-sm-2col-form-label">頭像</label>
<divclass="col-sm-10">
<inputtype="file"class="form-control-file"id="exampleFormControlFile1">
</div>
</div>

<divclass="form-grouprow">
<labelfor="site"class="col-sm-2col-form-label">主頁</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="site"placeholder="請輸入主頁">
</div>
</div>

<divclass="form-grouprow">
<labelfor="email"class="col-sm-2col-form-label">Email</label>
<divclass="col-sm-10">
<inputtype="email"class="form-control"id="email"placeholder="請輸入Email">
</div>
</div>

<divclass="form-grouprow">
<labelclass="col-sm-2col-form-label">喜歡的顏色</label>
<divclass="col-sm-10">
<inputid="likeColor"type="text"class="form-control"value="#5367ce"/>
</div>
</div>

<divclass="form-grouprow">
<divclass="col-sm-2"></div>
<divclass="col-sm-10">
<divclass="form-check">
<inputclass="form-check-input"type="checkbox"value=""id="defaultCheck1">
<labelclass="form-check-label"for="defaultCheck1">
同意服務條款
</label>
</div>
</div>
</div>
<divclass="form-grouprow">
<divclass="col-sm-10">
<buttontype="submit"class="btnbtn-primary">注冊</button>
<buttontype="submit"class="btn">取消</button>
</div>
</div>
</form>
</div>

<scriptsrc="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X++8abtTE1Pi6jizo"crossorigin="anonymous">
</script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-"crossorigin="anonymous">
</script>
<scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-/nJGzIxFDsf4x0xIM+B07jRM"crossorigin="anonymous">
</script>
<scriptsrc="bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<scriptsrc="bootstrap-datepicker/js/bootstrap-datetimepicker.min.js"></script>
<script>
$('#likeColor').colorpicker();
$(".form_datetime").datetimepicker({
format:'yyyy-mm-dd',
weekStart:1,
todayBtn:1,//今日日期按鈕
autoclose:1,//自動關閉
todayHighlight:1,//高亮今日日期
startView:2,//從日期視圖開始
minView:2,
forceParse:0
});
</script>
</body>

</html>

案例下載

『伍』這個首頁的html5網站設計代碼（尤其是頭部那登錄注冊代碼怎麼寫）

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

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

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<metaname="revised"content=""/>
<metaname="keywords"content=""/>
<metaname="description"content=""/>
<metaname="author"content=""/>
<metaname="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）盡量要分離！

希望能幫到你！

『陸』 html怎麼做登錄注冊頁面

『柒』 JavaScript+html設計一個用戶注冊頁面

^var reg=/^[a-zA-Z]\w*$/; var flag1=false,flag2=false,flag3=false; function chang1(obj){ var name=obj.value; if(name.length<3||name.length>8){ //alert("密碼要求3-8位！"); document.getElementById("usName").innerHTML=" 用戶名要求3-8位！"; } else if(!reg.test(name)){ //alert("用戶名由字母開頭版，後字母、數字權或下劃線!"); document.getElementById("usName").innerHTML=" 用戶名由字母開頭，後字母、數字或下劃線"; flag1=false;

『捌』 html中注冊的頁面用什麼標簽寫好

html中注冊頁面，要用到表單做。用label、input、buttom標簽做，組合成就行。
用html做一個注冊頁面，其實個中的寫法是因人而異的，只要可以實現想要的理想效果就行。合理的運用還要所用的標簽。做一個注冊頁面是很容易的事情。

導航:首頁 > 編程語言 > 注冊頁面html代碼

注冊頁面html代碼

與注冊頁面html代碼相關的資料

友情鏈接