用table布局和表單元素編寫一個注冊頁面
1)注冊頁面
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注冊登錄頁面</title>
</head>
<body>
<form action="http://www.bd.com/register.aspx" method="get">
<table cellpadding="5" cellspacing="0" width="380" height="300">
<tr>
<td>用戶名:</td>
<td><input name="txtName" /></td>
</tr>
<tr>
<td>密 碼:</td>
<td><input type="password" name="txtPwd" /></td>
</tr>
<tr>
<td>選擇省:</td>
<td>
<select name="SS">
<option value="HN" selected="selected">河南</option>
<option value="HB">河北</option>
</select>
</td>
</tr>
<tr>
<td>性 別:</td>
<td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
</tr>
<tr>
<td colspan="2">
<fieldset>
<legend>興趣愛好</legend>
<input name="interest" type="checkbox" value="ppq" />乒乓球
<input name="interest" type="checkbox" checked="checked" value="ts" />跳水
<input name="interest" type="checkbox" value="pq" />排球
</fieldset>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<h3>注冊免責協議</h3>
<textarea cols="50" rows="3" readonly="readonly"> **提醒您:在使用**搜索引擎(以下簡稱**)前,請您務必仔細閱讀并透徹理解本聲明。您可以選擇不使用**,但如果您使用**,您的使用行為將被視為對本聲明全部內容的認可。
鑒于**以非人工檢索方式、根據您鍵入的關鍵字自動生成到第三方網頁的鏈接,除**注明之服務條款外,其他一切因使用**而可能遭致的意外、疏忽、侵權及其造成的損失(包括因下載被搜索鏈接到的第三方網站內容而感染電腦病毒),**對其概不負責,亦不承擔任何法律責任。
任何通過使用**而搜索鏈接到的第三方網頁均系他人制作或提供,您可能從該第三方網頁上獲得資訊及享用服務,**對其合法性概不負責,亦不承擔任何法律責任。
**搜索結果根據您鍵入的關鍵字自動搜索獲得并生成,不代表**贊成被搜索鏈接到的第三方網頁上的內容或立場。
您應該對使用搜索引擎的結果自行承擔風險。**不做任何形式的保證:不保證搜索結果滿足您的要求,不保證搜索服務不中斷,不保證搜索結果的安全性、正確性、及時性、合法性。因網絡狀況、通訊線路、第三方網站等任何原因而導致您不能正常使用**,**不承擔任何法律責任。
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<input type="submit" value="注冊" />
<input type="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>
action:指定提交到服務器的哪個程序處理,比如asp.net的一般處理程序等
method:提交的方式1)post隱式提交,比較安全 2)get顯示提交如下圖所示
select:selected="selected"與checkbox的checked="checked"表示默認選中項
textarea:rows與cols表示此文本框內容要顯示的行數與列數
注冊頁面;網址信息自己測試
圖1
圖2
代碼完整,需要的朋友可以下載學習(圖3)
圖3
要從零開始開發一個開源項目,這個項目的目的很簡單:新人可以練手,一步一步搭建項目,把時下流行的技術整合進來,在用這些技術的特性來實現具體業務功能,而對于有經驗的老鳥可以把自學的技術在項目中得以實踐。
在這里插入圖片描述
琢磨了挺長時間,前段時間工作比較忙、家中事情也比較多,導致最近才著手弄。
感興趣的同學可以關注一波,項目進度可能會緩慢,但腳步絕不會停止
作為一個后端程序員,雖然平時也會做一些管理后臺的頁面,可那都是本著能用就行的原則,美觀都是次要的。但項目要對外開源這可是門面,不美美噠多沒面子,所以選一個酷炫的頁面模板成了首要任務,選了10個模板出來,大伙給參謀下。
源碼獲取方式:關注轉發之后私信回復【源碼】來免費獲取到這10個后臺模板源碼
*請認真填寫需求信息,我們會在24小時內與您取得聯系。