1. 程式人生 > >form表單註冊——HTML

form表單註冊——HTML

tle pan style content .com href sheet checked lec

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>表單註冊</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--page content -->
<script src="script.js"></script>
<form action="http://www.baidu.com" method="get">

<table>

<tr>

<td>用戶名:</td>
<td>
<!--<input type="text" name="userid" value="" placeholder="登錄名"/>-->
<input type="text" name="user" value=""/>
</td>

</tr>

<tr>
<td>密碼:</td>
<td>
<input type="password" name="pw" value="" />

</td>
</tr>



<tr>
<td>確認密碼:</td>
<td>
<input type="password" name="pw" value="" />

</td>
</tr>

<td>性別:</td>
<td>
<input type="radio" name="sex" id="man1" value="1" />
<label for="man1">男</label>
<input type="radio" name="sex" id="man2" value="0" />
<label for="man2">女</label>

</td>
</tr>

<tr>
<td>愛好:</td>
<td>

<input id="a1" type="checkbox" name="love1" checked="checked" value="a" />
<label for="a1">動漫</label>

<input id="b1" type="checkbox" name="love2" value="b" />
<label for="b1">追劇</label>

<input id="c1" type="checkbox" name="love3" value="c"/>
<label for="c1">追書</label>

</td>
</tr>

<tr>

<td>民族:</td>
<td>
<select name="nation">
<option value="1" selected>漢族</option>
<option value="2">滿族</option>
<option value="3">苗族</option>
<option value="4">回族</option>
<option value="5">彜族</option>
<option value="6">傣族</option>
</select>

</td>

</tr>

<tr>
<td colspan="2">
<input type="submit" value="註冊" />
<input type="reset" value="重置" />
</td>
</tr>
</table>

</form>
</body>
</html>

form表單註冊——HTML