csuft jsp实验报告

《csuft jsp实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JSP实验报告学院：计算机信息与工程学院班级：计算机科学与技术1班姓名：罗宇舟学号：20134597实验一简单静态网页设计一、实验目的：1.复习使用记事本编辑网页的方法。2.熟悉不同表单控件类型的应用。3.练习使用记事本在网页中添加表单与表单元素。二、实验内容：根据提供的素材设计在线调查问卷。三、实验要求：1.熟练掌握使用记事本进行简单网页编辑的方法。2.能够区分不同表单元素的应用场景。3.掌握表单与表单元素的元素名和属性对。四、实验学时：4学时五、实验步骤：0.实验准备：（1）在硬盘上为本实验建立文件夹（以下称为“实验文件夹”）。1.根据提供

2、的素材设计在线调查问卷：（1）从开始菜单启动记事本；（2）在记事本中，录入一个最简合法HTML文档；（3）设置该HTML文档首页如图1。要求按照首页来设计页面index.html.使用的图片在image文件夹中。（4）在首页点击提交后转向企业电子商务调查问卷.（5）打开本实验提供的WORD文档questionnaire.doc，这个调查问卷比较长，浏览该调查问卷的内容。由于该调查问卷比较长，选取并标示该调查问卷中具有代表性的问题（更改一下文本背景），准备将它们在网页中进行实现，保存该WORD文档；（6）在记事本中添加表单；（7）在表单中插入表单

3、元素，用于在网页中显示步骤（4）中标示的问题及答案；（8）为表单添加提交和重置按钮；（1）保存网页为questionaire.htm。提示：本实验没有标准答案，但是在将WORD文档中的调查问题及答案移植到网页中时，要尽可能多地使用到讲过的表单元素（如文本框、单选按钮、复选按钮、下拉菜单/列表、框架等）。另外，网页上调查问卷的答案的表现形式与并不一定要与WORD中的一致，而是应该选择使用更符合需要的表单元素，例如对于答案选项比较多的问题来说，应该优先选用下拉菜单/列表，单选使用下拉菜单，多选使用列表。二、实验代码：Index.jsp

4、pehtml>functioncheck(vform){for(vari=0;i

5、ElementById(name+"Msg").className="feedbackHide";}else{document.getElementById(name+"Msg").className="feedbackShow";vform.elements[i].focus();returnfalse;}}}returntrue;}functioncheckTextBox(vTextBox){varvaildChar=vTextBox.getAttribute("validChar");varisRequired=vTextBox.getA

6、ttribute("isRequired");varinputValue=vTextBox.value;if(isRequired!="true"&&inputValue,length<1){returntrue;}else{varregexStr="^"+validChar+"$";varregex=newRegExp(regexStr)'returnregex.test(inputValue);}}body{margin:0auto;width:700px;font-size:1

7、3px;}div{box-sizing:border-box;line-height:1.2;}.imgfloat1{float:left;}.imgfloat2{float:right;margin-right:6px}.feedbackShow{visibility:visible;color:red;}.feedbackHide{visibility:hidden;}.tdi{color:#666666;font-size:12px;}a{border-left-style;border-color:green;text-decorati

8、on:none;}#banner{width:100%;}#left{width:250px;float:left;padding:10px;heig