html-表单的简单练习2:

表单的简单练习2:

需要实现的效果:

在这里插入图片描述

代码实现:

```htm
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table  bgcolor="azure">
			<tr>
				<th colspan="2" bgcolor="blue">欢迎注册</th>
			</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="radio" name="sex" /><input  type="radio" name="sex" /></td>
			</tr>
			
			<tr>
				<td>电话:</td>
				<td>
					<input type="text" />
				</td>
			</tr>
			
			<tr>
				<td>职业</td>
				<td>
					<select>
						<option>请选择</option>
						<option>医生</option>
						<option>老师</option>
						<option>商场经理</option>
					</select>
				</td>
			</tr>
			
			<tr>
				<td>爱好</td>
				<td>
					<input type="checkbox" name="hobby" value="敲代码"/>敲代码
					<input type="checkbox" name="hobby" value="打游戏"/>打游戏
					<input type="checkbox" name="hobby" value="唱歌"/>唱歌
					<input type="checkbox" name="hobby" value="运动"/>运动
				</td>
			</tr>
			
			
			<tr>
				<td>地址:</td>
				<td>
					<input type="text" height="200" width="400" />
				</td>
			</tr>
			
			<tr>
				<td colspan="2" bgcolor="blue">填写完成后点击下面提交按钮提交订单</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/109227722