html- 表单的简单练习1

表单的简单练习1

需要实现的效果图:

在这里插入图片描述

代码实现:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body >
		<table border="1" cellpadding="10" cellspacing="0" bgcolor="aliceblue">
			<tr>
				<td colspan="2" align="center" size=1000 >信息注册页面</td>
			</tr>
			
			<tr>
				<td>用户名:</td>
				<td>
					<input type="text" />
				</td>
			</tr>
			
			<tr>
				<td>密码:</td>
				<td>
					<input type="password" />
				</td>
			</tr>
			
			<tr>
				<td>确定密码</td>
				<td>
					<input type="password" />
				</td>
			</tr>
			
			<tr>
				<td>性别:</td>
				<td>
					<input type=radio name="sex"/><input type=radio name="sex"/></td>
			</tr>
			
			<tr>
				<td>技术:</td>
				<td>
					<input type="checkbox" name="course" />java
					<input type="checkbox" name="course" />Jsp
					<input type="checkbox" name="course" />Servlet
				</td>
		   </tr>
			
			<tr>
				<td>国家:</td>
				<td>
					<select name="country">
						<option>选择国家	</option>
						<option>中国</option>
						<option>美国</option>
						<option>韩国</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td colspan="2" align="center">
					<input type="submit" value="提交数据"/>
					<input type="reset" value="清除数据" />
				</td>
			</tr>
		</table>
	</body>
</html>

运行结果:

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/crraxx/article/details/109227512