HTML實現使用者註冊介面
阿新 • • 發佈:2018-12-31
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用者註冊頁面</title>
</head>
<body>
<h3>註冊頁面</h3>
<hr />
<form action="#" method="get">
<table border="1px">
<tr height="35px">
<td width="150px">使用者名稱</td>
<td width="300px">
<input type="text" name="uname" id="uname" value="" />
</td>
</tr>
<tr height="35px">
<td >密碼</td>
<td>
<input type="password" name="pwd" id="pwd" value="" />
</td>
</tr>
<tr height="35px">
<td >手機號</td>
<td>
<input type="text" name="phone" id="phone" value="" />
</td>
</tr>
<tr height="35px">
<td >郵箱</td>
<td>
<input type="password" name="pwd" id="pwd" value="" />
</td>
</tr>
<tr height="35px">
<td>性別</td>
<td>
男<input type="radio" name="sex" id="" value="1" />
女<input type="radio" name="sex" id="" value="0" />
</td>
</tr>
<tr height="35px">
<td>愛好</td>
<td>
<input type="checkbox" name="fav" id="" value="1" />唱歌
<input type="checkbox" name="fav" id="" value="2" />跳舞
<input type="checkbox" name="fav" id="" value="3" />繪畫<br />
<input type="checkbox" name="fav" id="" value="4" />遊戲
<input type="checkbox" name="fav" id="" value="5" />游泳
<input type="checkbox" name="fav" id="" value="6" />下棋
</td>
</tr>
<tr height="35px">
<td>籍貫</td>
<td>
<select name="address" id="">
<option value="0">--請選擇--</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣東</option>
<option value="0">深圳</option>
</select>
</td>
</tr>
<tr height="35px">
<td>個人介紹</td>
<td>
<textarea name="intro" rows="8" cols="30"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="checkbox" name="" id="" value="" />是否同意本公司協議?
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" id="" value="註冊"/>
</td>
</tr>
</table>
</form>
</body>
</html>