表格佈局註冊頁面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>註冊</title>
</head>
<body>
	<table border="1" width="90%" align="center">
		<tr>
			<td>
				<table width="100%" border="1">
					<tr>
						<td><img src="image/0.png"></td>
						<td><img src="image/1.png" height="100%"></td>
						<td width="50%"><a href="#">登陸</a> <a href="註冊.html">註冊</a> <a
							href="#">購物車</a></td>
					</tr>
				</table>
			</td>
		</tr>

		<tr height="450">
			<td background="image/背景圖片.jpg">
				<form action="3.html" method="post">
					<table border="1" align="center" width="50%" bgcolor="white">
						<tr>
							<td align="center">用戶名</td>
							<td><input type="text" name="name"></td>
						</tr>
						<tr>
							<td align="center">密碼</td>
							<td><input type="password" name="password"></td>
						</tr>
						<tr>
							<td align="center">確認密碼</td>
							<td><input type="password" name="repassword"></td>
						</tr>
						<tr>
							<td align="center">郵箱</td>
							<td><input type="email" name="email"></td>
						</tr>
						<tr>
							<td align="center">性別</td>
							<td><input type="radio" name="sex" value="boy">男<input
								type="radio" name="sex" value="girl">女</td>
						</tr>
						<tr>
							<td align="center">出生日期</td>
							<td><input type="date" name="birthday"></td>
						</tr>
						<tr>
							<td align="center">愛好</td>
							<td><input type="checkbox" name="interest" value="read">閱讀
								<input type="checkbox" name="interest" value="basketball">籃球
								<input type="checkbox" name="interest" value="ball">足球</td>
						</tr>
						<tr>
							<td align="center">籍貫</td>
							<td><select name="province">
									<option>--請選擇--</option>
									<option value="henan">河南</option>
									<option value="shanxi">陝西</option>
									<option value="beijing">北京</option>
							</select></td>
						</tr>
						<tr>
							<td align="center">頭像</td>
							<td><input type="file" name="myfile"></td>
						</tr>
						<tr>
							<td align="center">簡介</td>
							<td><textarea cols="20" rows="2" name="myinf"></textarea></td>
						</tr>
						<tr>
							<td align="center" colspan="2"><input type="submit"
								value="註冊"> <input type="reset" value="重置"></td>
						</tr>
					</table>
				</form>
		</tr>
		<tr>
			<td><img src="image/6.png" width="100%"></td>
		</tr>
		<tr>
			<td align="center"><a href="">關於我們  </a> <a href="">聯繫我們 </a>
				<a href="">招賢納士</a><a href=""> 友情鏈接</a></td>
		</tr>
	</table>
</body>
</html>


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