HTML大学生暑假社会实践调查问卷源代码

昨天打的一个HTML代码，分享出来

先看图片效果：


代码如下：
这是style的内容
#di1{
border:1px solid #6495ED ;
width: 700px;
height: 1000px;
margin:20px auto;
background-image: url(…/…/img/bgimags.jpg);
background-size: 100% 100%;
text-align: center;
}
#di2{
border: 1px solid #FFFFFF;
width: 700px;

			text-align: left;
		}
		
		p{
			color:blue;
			font-size: 10px;
		}
		#di3{
			border: 1px solid #FFFFFF;
			width: 700px;
			
			text-align: center;
		}

	**以下body的内容：**请自己在前面加一个form

		<div id="di1">
		<p style="font-size: 20px; color: blue;">大学生暑期社会实践调查问卷</p>
		<div id="di2">
			<p style="font-size: 13px;color: blue">&emsp;&emsp;亲爱的同学：大家好!<br /><br />&emsp;&emsp;
为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，
请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，
真诚感谢您的支持，祝您天天愉快，谢谢!</p>
		</div>
		<div id="di2">
			<p>1、您的性别：<span style="color: #000000;"><input type="radio" name="sex" />男
			<input type="radio" name="sex" />女</span></p>
		</div>
		<div id="di2">
			<p>2、您的学校：<input type=text" name="text"  /></p>
		</div>
		<div id="di2">
			<p>3、您的年级：<select>
				<option >请选择您的年级</option>
				<option >大一</option>
				<option >大二</option>
				<option >大三</option>
				<option >大四</option>
				<option >大专</option>
			</select></p>
		</div>
		<div id="di2">
			<p>4. 报考该专业的原因: <br><br>
			<span style="color:#000000">
				<input type="checkbox" name="cha" />自己感兴趣<br />
				<input type="checkbox" name="cha" />对将来发展有利<br />
				<input type="checkbox" name="cha" />适应社会<br />
				<input type="checkbox" name="cha" />父母主张<br />
				<input type="checkbox" name="cha" />老师建议<br />
				<input type="checkbox" name="cha" />学校调剂<br />
				<input type="checkbox" name="cha" />其他<br />
			</span>
			</p>
		</div>
		<div id="di2">
			<p>5、您对专业的建议 <br><br>
			<span style="color:#000000">
				<input type="checkbox" name="ch" />招收时重质不重量<br />
				<input type="checkbox" name="ch" />师资力量要改进<br />
				<input type="checkbox" name="ch" />变更适应社会需要<br />
				<input type="checkbox" name="ch" />加强专业实验室建设<br />
				<input type="checkbox" name="ch" />其他<br />
			</span>
			</p>
		</div>
		<div id="di2">
			<p>6.您认为该专业学生有必要参加社会实践:<br><br>
			<span style="color:#000000 "><input type="radio" name="sss" />有必要
			<input type="radio" name="sss" />没有必要
			<input type="radio" name="sss" />无所谓
			</span>
			</p>
		</div>
		<div id="di2">
			<p>7.您的父母是否赞成您读该专业:<br><br>
			<span style="color:#000000 ">
				<input type="radio" name="css" />很赞成,希望如此<br>
				<input type="radio" name="css" />一般，不是很高兴<br>
				<input type="radio" name="css" />不了解<br />
			</span>
			</p>
		</div>
		<div id="di2">
			<p>8.您对学校的建议：</p>
			<textarea rows="5" cols="50" >
				请输入您的内容
			</textarea>
		</div><div id="di3">
			<input type="submit" value="提交答案"/>&emsp;&emsp;&emsp;
			<input type="reset"  value="清 空"/>
		</div>
		<div id="di3">
			<p>版权区域的内容为“版权所有：计算机科学与技术系软件工程教研室copy right&copy;2015-2020”。</p>
		</div>
		
	</form>
	
		
	</div>