html-表单的简单练习2：

最新推荐文章于 2021-07-09 14:01:56 发布

crraxx

最新推荐文章于 2021-07-09 14:01:56 发布

阅读量214

点赞数 2

分类专栏：网页文章标签： html

本文链接：https://blog.csdn.net/crraxx/article/details/109227722

版权

网页专栏收录该内容

18 篇文章 5 订阅

订阅专栏

表单的简单练习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>

运行结果：
在这里插入图片描述

crraxx

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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"
复制链接

扫一扫