<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>某某相親網站</title>
</head>
<body>
<table width="600" align="center">
<caption><h4>青春不常在,抓緊談戀愛</h4></caption>
<!-- 第1行字段 -->
<tr>
<td>性別</td>
<td>
<input type="radio" name="sex" checked="checked" /><img src="man.jpg">男
<input type="radio" name="sex" /><img src="woman.jpg">女
</td>
</tr>
<!-- 第2行字段 -->
<tr>
<td>生日</td>
<td>
<select>
<option>--請選擇年份--</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
</select>
<select>
<option>--請選擇月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select>
<option>--請選擇日子--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>
</tr>
<!-- 第3行字段 -->
<tr>
<td>所在地區</td>
<td>
<input type="text" value="北京" />
</td>
</tr>
<tr>
<td>婚姻狀況</td>
<td>
<input type="radio" name="hunyin" checked="checked" />未婚
<input type="radio" name="hunyin"/>離婚
<input type="radio" name="hunyin"/>喪偶
</td>
</tr>
<!-- 第4行字段 -->
<tr>
<td>學歷</td>
<td>
<input type="text" value="大學" />
</td>
</tr>
<!-- 第5行字段 -->
<tr>
<td>月薪</td>
<td>
<input type="text" value="10000-20000" />
</td>
</tr>
<!-- 第6行字段 -->
<tr>
<td>手機號</td>
<td>
<input type="text" />
</td>
</tr>
<!-- 第7行字段 -->
<tr>
<td>暱稱</td>
<td>
<input type="text" value="SUMOKA" />
</td>
</tr>
<!-- 第8行字段 -->
<tr>
<td>喜歡的類型</td>
<td>
<input type="checkbox" name="like" />1
<input type="checkbox" name="like" />2
<input type="checkbox" name="like" />3
<input type="checkbox" name="like" />4
<input type="checkbox" name="like" />5
</td>
</tr>
<!-- 第9行字段 -->
<tr>
<td>自我描述</td>
<td>
<textarea>自我介紹</textarea>
</td>
</tr>
<!-- 第10行字段 -->
<tr>
<td></td>
<td>
<input type="image" src="btn.jpg">
</td>
</tr>
<!-- 第11行字段 -->
<tr>
<td></td>
<td>
<input type="checkbox" name="agree" checked="checked"> 我同意服務條款
</td>
</tr>
<!-- 第12行字段 -->
<tr>
<td></td>
<td>
<a href="#" >我是會員,立即登陸</a>
</td>
</tr>
<!-- 第13行字段 -->
<tr>
<td></td>
<td>
<h3>我承諾</h3>
<ul>
<li>111111111</li>
<li>222222222</li>
<li>333333333</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
簡單註冊頁面H5
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.