表單練習
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML基礎表單</title>
</head>
<body leftmargin="0">
<form action="http://www.baidu.com" method="get" name="B1">
<table border="0" width="100%">
<tr>
<td valign="top" colspan="2" height="170"><img src="頂部背景圖2.png" width="1350" height="100"/>
</td>
</tr>
<tr>
<td align="right" width="607.5"><b>賬戶：</b><br /><br />
</td>
<td width="742.5" valign="middle"><input type="text" name="t1" placeholder="請輸入賬戶名" /><br /><br />
</td>
</tr>
<tr>
<td align="right"><b>密碼：</b><br /><br />
</td>
<td valign="middle"><input type="password" name="p" size="21" placeholder="請輸入密碼" /><br /><br />
</td>
</tr>
<tr>
<td align="right"><b>性別：</b><br /><br />
</td>
<td valign="middle">
<input type="radio" name="r" value="1" id="x1" /><label for="x1">男</label>
<input type="radio" name="r" value="2" id="x2" /><label for="x2">女</label>
<input type="radio" name="r" value="3" id="x3" /><label for="x3">保密</label><br /><br />
</td>
</tr>
<tr>
<td align="right"><b>愛好：</b><br /><br />
</td>
<td valign="middle">
<input type="checkbox" name="c" value="a" id="c1" /><label for="c1">足球</label>
<input type="checkbox" name="c" value="b" id="c2" /><label for="c2">籃球</label>
<input type="checkbox" name="c" value="c" id="c3" /><label for="c3">LOL</label>
<input type="checkbox" name="c" value="d" id="c4" /><label for="c4">PHP</label><br /><br />
</td>
</tr>
<tr>
<td align="right"><b>出生日期：</b><br /><br />
</td>
<td valign="middle">
<select name="s1" size="1" multiple="multiple">
<option value="0">1990</option>
<option value="1">1991</option>
<option value="2">1992</option>
<option value="3">1993</option>
<option value="4">1994</option>
<option value="5">1995</option>
<option value="6">1996</option>
<option value="7">1997</option>
<option value="8">1998</option>
<option value="9">1999</option>
<option value="10">2000</option>
</select> 年
<select name="s2" size="1" multiple="multiple">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> 月
<select name="s3" size="1" multiple="multiple">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> 日 <br /><br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="登 陸" />
<input type="button" value="註 冊" />
<input type="reset" value="重 置" />
</td>
</tr>
<tr>
<td valign="bottom" colspan="2" height="190"><img src="底部背景圖1.jpg" height="100" width="1350" />
</td>
</tr>
</table>
</form>
</body>
</html>
表單練習