簡單註冊頁面H5

在這裏插入圖片描述

<!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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章