HTML基礎實現簡單的註冊和登入頁面
為了保證格式的規範，使用table表格
註冊頁面
<body >
<form action="#" method="">
<h3 align="center">註冊</h3>
<a id="position"></a>
<table align="center">
<tr>
<td><label for="username">使用者名稱：</label></td>
<td><input type="rdt" name="uname" id="username" placeholder="請輸入手機號或郵箱" /><br></td>
<td></td>
</tr>
<tr>
<td><label for="pwd">密 碼：</label></td>
<td><input type="password" name="password" id="pwd" placeholder="請輸入密碼"/></td>
<td></td>
</tr>
<tr>
<td><label for="pwd">確認密碼：</label></td>
<td><input type="password" name="password" id="pwd" placeholder="請再次輸入密碼"/></td>
<td></td>
</tr>
<tr>
<td>家庭住址：</td>
<td> <select name="pros" id="">
<option value="beijing">河南省</option>
<option value="henan">江蘇省</option>
<option value="zhejiang">浙江省</option>
</select></td>
<td> <select name="citys" id="">
<option value="nanyang">南陽市</option>
<option value="shangqiu">商丘市</option>
<option value="zhengzhou">鄭州市</option>
</select></td>
</tr>
<tr>
<td>性 別：</td>
<td><input type="radio" name="sex" value="男" checked/>男
<input type="radio" name="sex" value="女" >女</td>
</tr>
<tr>
<td><label for="phone">聯絡方式：</label></td>
<td><input type="rdt" name="phone" id="phone" placeholder="請輸入手機號" ></td>
<td><input type="submit" value="獲取驗證碼" /></td>
</tr>
<tr>
<td><label for="code">驗證碼：</label></td>
<td><input type="rdt" name="code" id="code" placeholder="請輸入驗證碼" ></td>
<td></td>
</tr>
<tr>
<td><input type="submit" value="註冊"></td>
<td></td>
<td></td>
</tr>
</table>
</form>
結果圖
登入頁面
<form action="#">
<h3 align="center">登入</h3>
<table align="center">
<tr>
<td><label for="username">使用者名稱：</label></td>
<td><input type="rdt" name="uname" id="username" placeholder="請輸入手機號或郵箱" /><br></td>
</tr>
<tr>
<td><label for="pwd">密 碼：</label></td>
<td><input type="password" name="password" id="pwd" placeholder="請輸入密碼"/></td>
</tr>
<tr>
<td><input type="submit" value="登入"></td>
<td><input type="submit" value="註冊"></td>
</tr>
</table>
<a href="./作業1.html#position">註冊</a>
</form>
結果圖
相關文章
- javaWeb登入註冊頁面JavaWeb
- Html完整表單頁面(註冊)HTML
- 成品直播原始碼推薦，登入和註冊兩個頁面的簡單實現原始碼
- node+express+mongDB實現簡單登入註冊Express
- Spartacus 註冊和登入頁面的實現細節
- 綠色簡單的學校登入html頁面HTML
- 登陸註冊頁面html程式碼(仿知乎)HTML
- 簡單的網頁登入頁面網頁
- 直播原始碼網站，新使用者登入時的註冊頁面和登入頁面原始碼網站
- android專案點餐app1：基礎功能：閃屏頁、登入頁面、註冊頁面AndroidAPP
- jsp+servlet登入註冊頁面JSServlet
- 直播電商平臺開發，HTML和CSS分別實現註冊頁面表單HTMLCSS
- 直播軟體app開發，HTML和CSS分別實現註冊頁面表單APPHTMLCSS
- 簡單登入註冊實現（Java物件導向複習）Java物件
- Luffy /4/ 多方式登入介面&登入註冊前端頁面前端
- CSS3/HTML5實現漂亮的分步驟註冊登入表單CSSS3HTML
- 直播系統app原始碼，Android studio 實現app登入註冊頁面APP原始碼Android
- JS_簡單實現頁面輸入JS
- 使用Forms Authentication實現使用者註冊、登入 （一）基礎知識ORM
- 基於以太坊上實現DApp的登入註冊APP
- python_Django簡單的登入頁面PythonDjango
- Python + Tkinter簡單實現註冊登入（連線本地MySQL資料庫）PythonMySql資料庫
- 10.註冊和登入功能實現（3）—— 註冊資料寫入資料庫資料庫
- app直播原始碼，平臺登入頁面實現和修改密碼頁面實現APP原始碼密碼
- node+ajax+mysql實現登入註冊MySql
- HTML 使用表單標籤實現註冊頁面的例項程式碼HTML
- 9款大氣實用的HTML5/CSS3註冊登入表單HTMLCSSS3
- java實現簡單的單點登入Java
- 前端利用ajax實現使用者註冊頁面前端
- Laravel 實現 passport 使用者註冊登入LaravelPassport
- express+vue+mongodb+session 實現註冊登入ExpressVueMongoDBSession
- 實現註冊登入你真的會了嗎
- 簡單實現登陸註冊gui介面以及打包成exe檔案GUI
- Vue-router實現單頁面應用在沒有登入情況下，自動跳轉到登入頁面Vue
- html+JS+php實現簡單的註冊使用者名稱驗證HTMLJSPHP
- 使用redis完成註冊和登入Redis
- 使用Vue.js和Element-UI做一個簡單的登入頁面Vue.jsUI
- JSP註冊頁面JS