web表单标签小练习

最新推荐文章于 2025-12-05 20:35:03 发布

原创最新推荐文章于 2025-12-05 20:35:03 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

要求：

完成代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.c1{
				width: 80;
				text-align: right;
			}
			.c2{
				width: 120;
				border: 1;
			}
		</style>
	</head>
	<body>
		<form name="register" method="post" action="#">
			<table border="1" cellspacing="0" cellpadding="5" align="center">
				<form name="register" method="post" action="#">
					<tr><td width="200px" colspan="2" align="center">用户注册</td></tr>
					<tr>
						<td class="c1">用户名</td>
						<td class="c2"><input type="text" name="name"/></td>
					</tr>
					<tr>
						<td class="c1">密码</td>
						<td><input type="password" name="password" /></td>
					</tr>
					<tr>
						<td class="c1">性别</td>
						<td><input type="radio" />男<input type="radio" />女</td>
					</tr>
					<tr>
						<td class="c1">爱好</td>
						<td><input type="checkbox" />写作<input type="checkbox" />听音乐<input type="checkbox" />体育<br><input type="checkbox" />其他<input type="text" /></td>
					</tr>
					<tr>
						<td class="c1">省份</td>
						<td>
							<select name="province">
								<option value="-1">请选择省份</option>
								<option value="shanxi">山西省</option>
								<option value="shaanxi" selected>陕西省</option>
							</select>
						</td>
					</tr>
					<tr>
						<td class="c1">自我介绍</td>
						<td><textarea name="intro" rows="5" cols="25">这个家伙什么也没留下</textarea></td>
					</tr>
					<tr>
						<td align="center" colspan="2"><input type="submit" name="send" value="提交" />&nbsp;&nbsp;<input type="reset" name="reset" value="重置" /></td>
					</tr>
			
			</table>
		</form>
	</body>
</html>