【无标题】如何用HTML做出一份简单的问卷调查？

2022年上半年的疫情真是不容乐观，从开学到现在便一直在封校，替广大大学生表示真的好想看看外面的世界啊，啊啊啊！刚好前不久刚学完怎么用HTML打出一份简单的问卷调查，那在这个背景下，我们就来做一份关于解封之后，你想.......的问卷调查吧，感兴趣的朋友也可以试着填一填，或者自己动手做一做哦！代码如下（仅供参考）：<!DOCTYPE html><html><head&

会飞的猪猪侠~

8141人浏览 · 2022-05-06 14:43:47

会飞的猪猪侠~ · 2022-05-06 14:43:47 发布

2022年上半年的疫情真是不容乐观，从开学到现在便一直在封校，替广大大学生表示真的好想看看外面的世界啊，啊啊啊！

刚好前不久刚学完怎么用HTML打出一份简单的问卷调查，那在这个背景下，我们就来做一份关于解封之后，你想.......的问卷调查吧，感兴趣的朋友也可以试着填一填，或者自己动手做一做哦！

代码如下（仅供参考）：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>调查问卷</title>
</head>
<body  >
	<form>
		<h1 align="center">关于解封之后</h1>
		<br>
		<fieldset>                          <!--框架标签-->
		<legend><font size="5"><b>After unsealing,you want to......</b></font></legend>   <!--设置边线框-->
		<font size="5"><b>性别：</b></font><input type="radio" name="sex" value="女">女
				<input type="radio" name="sex" value="男">男
				<br>
				<br>
		<font size="5"><b>学院：</b></font>
		<select name="">
		<option  value="请选择">请选择</option>
		<option  value="外国语学院">外国语学院</option>
		<option value="法学院">法学院</option>
		<option value="数计学院">数计学院</option>
		<option value="体育学院">体育学院</option>
		<option value="美院">美院</option>
		<option value="音乐学院">音乐学院</option>
		<option value="教育学院">教育学院</option>
	</select>
		<br>
		<br>
		<font size="5"><b>学号:</b></font><input type="text",size="8"><br><br>
		<font size="5"><b>E-MAIL:</b></font><input type="email" name="mail"><br><br>
		<font size="5"><b>电话:</b></font><input type="tel" name="phone"><br><br>
		<font size="5"><b>解封后想做的事情：</b></font><br>
			<input  type="checkbox" name="action" value="吃大餐"><font size="5"><b>吃大餐</b></font><br>
			<input  type="checkbox" name="action" value="去看电影"><font size="5"><b>去看电影</b></font><br>
			<input  type="checkbox" name="action" value="去看风景"><font size="5"><b>去看风景</b></font><br>
			<input  type="checkbox" name="action" value="去逛夜市"><font size="5"><b>去逛夜市</b></font><br>
			<input  type="checkbox" name="action" value="去约会"><font size="5"><b>去约会</b></font><br>
			<input  type="checkbox" name="action" value="其他"><font size="5"><b>其他</b></font>
			<br><br>
			<font size="5"><b>封校时期的特殊经历：</b></font><br>
			<textarea row="50" cols="90">
				
			</textarea>
			<br>
			<input type="submit" name="" value="提交问卷">
		</fieldset>
	</form>
	</body>
	</html>

效果图如下：

封校时期的特殊经历下面的文本框在HTML5的支持下是可伸缩的，想要在调查问卷中加入背景的童鞋也可以直接在body后面加个background=“图片名称.格式” ，当然，使用css设置背景图的一些参数，会使背景图更加得当，因为还是初学者，在这就不对css进行详细介绍啦，等我学成归来，会和大家探讨css的！另外，设置背景时，别忘了把背景图和HTML文件放在同一个文件夹内！