设计《大学生暑期社会实践调查问卷》

Sissi要加油

已于 2022-04-30 20:50:20 修改

阅读量3.5k

点赞数 8

分类专栏： web前端文章标签： web 前端

于 2022-04-30 20:46:53 首次发布

本文链接：https://blog.csdn.net/weixin_58096579/article/details/124518291

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.设计“大学生暑期社会实践调查问卷”页面，如下图所示。

2．调查表前导语的内容如下所示：

大学生暑期社会实践调查问卷

亲爱的同学：大家好!

为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!

3．调查表前导语的内容如下所示：

1. 您的性别：男、女。

2. 您的学校:

3. 您的年级:6个选项，分别为“请用选择您的年级、大一、大二、大三、大四、大专”。

4. 报考该专业的原因: 7个复选框，复选框的内容分别为“自己感兴趣、对将来发展有利、适应社会、父母主张、老师建议、学校调剂、其他”。

5.您对该专业的建议: 5个复选框，复选框的内容分别为“招收时重质不重量、师资力量要改进、要更适应社会需要、加强专业实验室建设、其他”。

6.您认为该专业学生有必要参加社会实践: 3个单选按钮，单选按钮的内容分别为“有必要、没有必要、无所谓”。

7.您的父母是否赞成您读该专业: 3个单选按钮，单选按钮的内容分别为“很赞成，希望如此、一般，不是很高兴、不了解”。

8. 您对学校的建议: 1个5行100列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。

版权区域的内容为“版权所有：计算机科学与技术系软件工程教研室copy right©2015-2020”。

下面是css文件内容：

#box{
	width: 810px;
	height: 1350px;
	border: 20px solid #99CCFF;
	margin:0 auto;
	background: url(../img/bgimags.jpg) repeat-y center;
	text-align: left;
}
#box2{
	width: 780px;
	height: 1340px;
	border: 8px solid white;
	margin: 0 auto;
	padding-left: 10px;
}
h1{
	text-align: center;
	color: #003399;
}
form{
	font-size: 17px;
}
.text{
	font-size: 20px;
	text-indent: 2em;
	color: #003399;
}
.t1{
	color:blue;
}
#sub{
	text-align: center;
}

以下是html文件内容：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大学生暑期社会实践调查问卷</title>
		<link rel="stylesheet" style="text/css" href="../css/form1.css"
	</head>
	<body>
		<div id="box">
			<div id="box2">
				<h1>大学生暑期社会实践调查问卷</h1>	
				<hr color="white">
				<div class="text">
					<p>亲爱的同学：大家好!</p>
					<p>为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!</p>
				</div>
				<hr color="white">
				<form>
					<div class="t1"><p>
					1.&nbsp;您的性别： 
					<span style="color: #000000;">
						<input type="radio" name="sex" value="male" />男
						<input type="radio" name="sex" value="female"/>女
					</span></p></div>
					<hr color="white">
					<div class="t1">
						2.&nbsp;您的学校:
						<input type="text" name="school" maxlength="30" size="30"/>
					</div>
					<hr color="white">
					<div class="t1"><p>
						3.&nbsp;您的年级:
						<select name="grade" size="1">
							<option value="c1" selected>请选择您的年级</option>
							<option value="c2">大一</option>
							<option value="c3">大二</option>
							<option value="c4">大三</option>
							<option value="c5">大四</option>
							<option value="c6">大专</option>
							</select>
							<hr color="white">
					</p></div>
					<div class="t1">
						<p>4.&nbsp;报考该专业的原因: </p>
					</div>
					<input type="checkbox" name="r1" value="y1"/>自己感兴趣<br>
				    <input type="checkbox" name="r2" value="y2"/>对将来发展有利<br>
				    <input type="checkbox" name="r3" value="y3"/>适应社会<br>
				    <input type="checkbox" name="r4" value="y4"/>父母主张<br>
					<input type="checkbox" name="r5" value="y5"/>老师建议<br>
					<input type="checkbox" name="r6" value="y6"/>学校调剂<br>
				    <input type="checkbox" name="r7" value="y7"/>其他<br>
					<hr color="white">
					<div class="t1">
						<p>5.&nbsp;您对该专业的建议: </p>
					</div>
					<input type="checkbox" name="s1" value="a1"/>招收时重质不重量<br>
					<input type="checkbox" name="s2" value="a2"/>师资力量要改进<br>
					<input type="checkbox" name="s3" value="a3"/>要更适应社会需要<br>
					<input type="checkbox" name="s4" value="a4"/>加强专业实验室建设<br>
					<input type="checkbox" name="s5" value="a5"/>其他<br>
					<hr color="white">
					<div class="t1">
						<p>6.&nbsp;您认为该专业学生有必要参加社会实践: </p>
					</div>
					<input type="radio" name="shijian" value="yes" />有必要
					<input type="radio" name="shijian" value="no"/>没有必要
					<input type="radio" name="shijian" value="nomatter"/>无所谓
					<hr color="white">
					<div class="t1">
						<p>7.&nbsp;您的父母是否赞成您读该专业: </p>
					</div>
					<input type="radio" name="agree" value="yes" />很赞成，希望如此<br>
					<input type="radio" name="agree" value="normal"/>一般，不是很高兴<br>
					<input type="radio" name="agree" value="no"/>不了解<br>
					<hr color="white">
					<div class="t1">
						<p>8.&nbsp;您对学校的建议:</p> 
					</div>
					<textarea name="info" rows="5" cols="100">
					请您提出宝贵的建议
					</textarea>
					<hr color="white">
					<div id="sub"">
						<input name="tijiao" type="submit" value="提交答案"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input name="qingkong" type="reset" value="清&nbsp;&nbsp;&nbsp;&nbsp;空"/>
						<hr color="white">
						<div class="t1">
							版权所有：计算机科学与技术系软件工程教研室copy right&copy;2015-2020
					    </div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>

效果图