首页 > 代码库 > 表单练习
表单练习
<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="http://www.mamicode.com/顶部背景图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="http://www.mamicode.com/1" id="x1" /><label for="x1">男</label>
<input type="radio" name="r" value="http://www.mamicode.com/2" id="x2" /><label for="x2">女</label>
<input type="radio" name="r" value="http://www.mamicode.com/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" vhttp://www.mamicode.com/alue="a" id="c1" /><label for="c1">足球</label>
<input type="checkbox" name="c" value="http://www.mamicode.com/b" id="c2" /><label for="c2">篮球</label>
<input type="checkbox" name="c" value="http://www.mamicode.com/c" id="c3" /><label for="c3">LOL</label>
<input type="checkbox" name="c" value="http://www.mamicode.com/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="http://www.mamicode.com/0">1990</option>
<option value="http://www.mamicode.com/1">1991</option>
<option value="http://www.mamicode.com/2">1992</option>
<option value="http://www.mamicode.com/3">1993</option>
<option value="http://www.mamicode.com/4">1994</option>
<option value="http://www.mamicode.com/5">1995</option>
<option value="http://www.mamicode.com/6">1996</option>
<option value="http://www.mamicode.com/7">1997</option>
<option value="http://www.mamicode.com/8">1998</option>
<option value="http://www.mamicode.com/9">1999</option>
<option value="http://www.mamicode.com/10">2000</option>
</select> 年
<select name="s2" size="1" multiple="multiple">
<option value="http://www.mamicode.com/1">01</option>
<option value="http://www.mamicode.com/2">02</option>
<option value="http://www.mamicode.com/3">03</option>
<option value="http://www.mamicode.com/4">04</option>
<option value="http://www.mamicode.com/5">05</option>
<option value="http://www.mamicode.com/6">06</option>
<option value="http://www.mamicode.com/7">07</option>
<option value="http://www.mamicode.com/8">08</option>
<option value="http://www.mamicode.com/9">09</option>
<option value="http://www.mamicode.com/10">10</option>
<option value="http://www.mamicode.com/11">11</option>
<option value="http://www.mamicode.com/12">12</option>
</select> 月
<select name="s3" size="1" multiple="multiple">
<option value="http://www.mamicode.com/1">01</option>
<option value="http://www.mamicode.com/2">02</option>
<option value="http://www.mamicode.com/3">03</option>
<option value="http://www.mamicode.com/4">04</option>
<option value="http://www.mamicode.com/5">05</option>
<option value="http://www.mamicode.com/6">06</option>
<option value="http://www.mamicode.com/7">07</option>
<option value="http://www.mamicode.com/8">08</option>
<option value="http://www.mamicode.com/9">09</option>
<option value="http://www.mamicode.com/10">10</option>
<option value="http://www.mamicode.com/11">11</option>
<option value="http://www.mamicode.com/12">12</option>
</select> 日 <br /><br />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="http://www.mamicode.com/登 陆" />
<input type="button" value="http://www.mamicode.com/注 册" />
<input type="reset" value="http://www.mamicode.com/重 置" />
</td>
</tr>
<tr>
<td valign="bottom" colspan="2" height="190"><img src="http://www.mamicode.com/底部背景图1.jpg" height="100" width="1350" />
</td>
</tr>
</table>
</form>
</body>
</html>
表单练习