web前端实现图书馆读者调查问卷页面

最新推荐文章于 2024-08-13 21:57:52 发布

YOLO LAN

最新推荐文章于 2024-08-13 21:57:52 发布

阅读量4.4k

点赞数 12

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

本文链接：https://blog.csdn.net/weixin_44969895/article/details/105622831

版权

该博客介绍了如何利用JavaScript和HTML5来设计一个图书馆读者调查问卷页面。页面包含年级、专业、阅览环境满意度、到图书馆原因、访问频率以及用户建议等多个调查项。当读者点击‘提交答案’按钮后，会弹出一个alert框展示详细的答卷信息。

摘要由CSDN通过智能技术生成

题目描述
设计图书馆读者调查问卷页面。点击“提交答案”按钮后，在alert框中显示读者的答卷详细信息。
(1) 标题为：图书馆读者调查问卷。
(2) 页面包含:表格含有年级、专业、对于图书馆的阅览环境、您到图书馆的原因是、您到图书馆的频率、您对学校的建议等。
表单设计

<form name="form1" action="f1" onsubmit="return printing();">
<table>
			<tr>
				<td align="left">
					1.您的年级<br />
					请您选择：
                    <select name="grade" style="width: 80px;" id="gra">
                    	<option value="大一" selected>大一</option>
                    	<option value="大二">大二</option>
                    	<option value="大三">大三</option>
                    	<option value="大四">大四</option>
                    	<option value="研究生">研究生</option>
                    </select>					
				</td>
			</tr>
			<tr>
				<td>
					2.您的专业<br />
					<input name="major" type="text" style="width: 200px;" id="maj"/>
				</td>			
			</tr>
			<tr> 
				<td>
					3.对于图书馆的阅览环境<br />
					<input name="surr" type="radio" value="满意" id="sur" />满意<br />
					<input name="surr" type="radio" value="基本满意" id="sur" />基本满意<br />
					<input name="surr" type="radio" value="不满意" id="sur" />不满意
					&nbsp;&nbsp;&nbsp;&nbsp;您的建议：
					<input name="surr" type="text" style="width: 200px;" id="sur1" />
				</td>
			</tr>
			<tr>
				<td>
					4.您到图书馆的原因是（可多选）<br />
					<input name="why" type="checkbox" value="借阅专业图书" id="why1" />借阅专业图书<br />
					<input name="why" type="checkbox" value="随便坐坐，翻翻书刊" id="why1"/>随便坐坐，翻翻书刊<br />
					<input name="why" type="checkbox" value="借阅光盘" id="why1" />借阅光盘<br />
					<input name="why" type="checkbox" value="参加图书馆组织的活动" id="why1" />参加图书馆组织的活动<br />
					<