效果图显示
HTML+CSS代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>调查问卷</title>
<style type="text/css">
#div1{
width: 610px;
height: 1050px;
background-color: #EC4144;
margin: 0 auto;
border: 20px solid #EC4144;
}
#div2{
width: 580px;
height: 1040px;
border: 8px solid white;
margin: 0px auto;
padding-left: 10px;
}
h3{
text-align: center;
font-size: 25px
}
.p1{text-indent: 2em;}
#p{text-align: center}
#div3{text-align: center}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<h3>大学生暑假社会实践调查问卷</h3>
<hr>
<p class="p1">亲爱的同学您好:</p>
<p class="p1">为了更好地了解大学生对近年来计算机类专业填报火热现象的看法,特制定本问卷,希望得到您的配合,请认真
阅读并回答以下问题,您的回答将直接影响本调查的可信度和有效性,真诚感谢您的支持,祝你学业有成,谢谢!</p>
<hr>
<span>1.您的姓名:</span>
<input type="text"><br>
<hr>
<span>2.您的性别:</span>
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<hr>
<span>3.您的年级:</span>
<select name="grade" id="grade">
<option value="1">大一</option>
<option value="2">大二</option>
<option value="3">大三</option>
<option value="4">大四</option>
</select>
<hr>
<span>4.报考该专业的原因:</span><br>
<input type="checkbox">自己感兴趣<br>
<input type="checkbox">对将来发展有利<br>
<input type="checkbox">适应社会<br>
<input type="checkbox">父母主张<br>
<input type="checkbox">老师建议<br>
<input type="checkbox">学校安排<br>
<input type="checkbox">其他
<hr>
<span>5.您对该专业的建议:</span><br>
<input type="checkbox">招生时重量不重质<br>
<input type="checkbox">师资力量需改进<br>
<input type="checkbox">应适应社会需求<br>
<input type="checkbox">加强该专业实践投资<br>
<input type="checkbox">其他
<hr>
<span>6.您认为该专业学生有必要参加社会实践:</span><br>
<input type="radio" name="a">有必要
<input type="radio" name="a">没有必要
<input type="radio" name="a">无所谓
<hr>
<span>7.您的父母是否赞成您读该专业</span><br>
<input type="radio" name="b">很赞成,希望如此<br>
<input type="radio" name="b">一般,不是很高兴<br>
<input type="radio" name="b">不赞同
<hr>
<span>8.你对学校的建议:</span><br>
<textarea name="textarea" cols="70" rows="5">
</textarea>
<hr>
<div id="div3"><input type="submit" value="提交">
<input type="reset" value="清空"></div>
<hr>
<p id="p">版权所有: 计算机科学与技术系软件工程教研室 copy right 2015-202</p>
</div>
</div>
</body>
</html>