JSP实验-简单页面设计

时间:2024-04-14 07:45:31

实验一 简单静态网页设计

一、实验目的:
1.复习使用记事本编辑网页的方法。
2.熟悉不同表单控件类型的应用。
3.练习使用记事本在网页中添加表单与表单元素。

二、实验内容:
根据提供的素材设计在线调查问卷。

三、实验要求:
1.熟练掌握使用记事本进行简单网页编辑的方法。
2.能够区分不同表单元素的应用场景。
3.掌握表单与表单元素的元素名和属性对。

四、实验学时:4学时

五、实验步骤:
0.实验准备:(1)在硬盘上为本实验建立文件夹(以下称为“实验文件夹”)。
1.根据提供的素材设计在线调查问卷:
(1)从开始菜单启动记事本;
(2)在记事本中,录入一个最简合法HTML文档;
(3)设置该HTML文档首页如图1。要求按照首页来设计页面index.html.使用的图片在image文件夹中。
JSP实验-简单页面设计
(4)在首页点击提交后转向企业电子商务调查问卷.
(5)打开本实验提供的WORD文档questionnaire.doc,这个调查问卷比较长,浏览该调查问卷的内容。由于该调查问卷比较长,选取并标示该调查问卷中具有代表性的问题(更改一下文本背景),准备将它们在网页中进行实现,保存该WORD文档;
(6)在记事本中添加表单;
(7)在表单中插入表单元素,用于在网页中显示步骤(4)中标示的问题及答案;
(8)为表单添加提交和重置按钮;
(9)保存网页为questionaire.htm。
提示:本实验没有标准答案,但是在将WORD文档中的调查问题及答案移植到网页中时,要尽可能多地使用到讲过的表单元素(如文本框、单选按钮、复选按钮、下拉菜单/列表、框架等)。另外,网页上调查问卷的答案的表现形式与并不一定要与WORD中的一致,而是应该选择使用更符合需要的表单元素,例如对于答案选项比较多的问题来说,应该优先选用下拉菜单/列表,单选使用下拉菜单,多选使用列表。

六、实验代码
index.html

<!DOCTYPE html>
<html>
<head>
<title>简单页面设计</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
body{
	background-color:#FFF;
	font-size:15px;
	width:700px;
	margin:0,auto;
	font-family:宋体;
}
div{
	box-sizing:border-box;
	line-height:1.3;
}
.one{ margin:0 auto;}/*页面居中显示*/
.top,.center,.bottom{
	width:100%;
	height:auto;
}
.left{
	width:35px;
	float:left;
	height:430px;
}
.right{
	width:50px;
	float:right;
	height:430px;
}
#left{
	width:30%;
	float:left;
	padding:0 8px;
	height:auto;
}
#right{
	width:50%;
	position:relative;
	float:right;
	height:auto;
	padding-top:40px;
}
#line{
	height:380px;
	border-left-style:solid;
	border-width:2px;
	border-color:green;
}
#banner{
	width:100%;
}
</style>
<body class="one">
	<div class="top">
		<div id="banner"><img src="images/01.gif"></div>
	</div>
	<h1 style="margin:-6px"></h1>
	<div class="center">
		<div class="left"><img src="images/02.gif"></div>
		<div class="right"><img src="images/04.gif"></div>
		<div id="left">
			<img src="images/reg.gif"><strong>注册帮助</strong><br />
			<ul>
				<li>会员名:为会员登录网站的通行证,长度控制在3-20个字符之内。</li><br />
				<li>密码:请设定在6-20位之间。</li><br />
				<li>确认密码:确认密码必须与密码一致。</li><br />
				<li>Email:请填写有效的Email地址,以便于与您联系。</li>
			</ul>
		</div>  
		
		<div id="right">
			<form action="questionaire.html" name="form1" method="post" onsubmit="return check(this)">
				<table style="border-collapse:separate; border-spacing:0px 10px;">
					<tr>
						<td>用户名:</td>
						<td><input type="text" name="name" size=25 placeholder="长度控制在3-20个字符之内" 
								validChar="[A-Za-z0-9]{3,20}" isRequired="ture"/>
							<span class="feedbackHide" id="nameMsg"></span></td>
					</tr>
					<tr>
						<td>&nbsp;码:</td>
						<td><input type="password" name="password1" size=26 placeholder="请设定在6-20位之间"/></td>
					</tr>
					<tr></tr>
					<tr>
						<td>确认密码:</td>
						<td><input type="password" name="password2" size=26 /></td>
					</tr>
					<tr>
						<td>&nbsp;别:</td>
						<td>
							<input type="radio" name="gender" value="male"/><input type="radio" name="gender" value="female"/></td>
					</tr>
					<tr>
						<td>E-mail:</td>
						<td><input type="text" name="mail" size=35 
								validChar="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" isRequired="ture"/>
							<span class="feedbackHide" id="mailMsg"></span>
								</td>
					</tr>
					<tr>
						<td><input type="submit" name="Submit" value="提交"/>
						&nbsp;&nbsp;<td><input type="reset" name="cancel" value="重置"/></td>
					</tr>
				</table>
			</form>
		</div>
		<table id="line">
			<tr>
				<td valign="top"></td>
			</tr>
		</table>
	</div>	
</body>
</html>

<script LANGUAGE="JavaScript">
<!-- 
//提交检查
function check(vform){
	//遍历表单中每个表单域
	for(var i=0;i<vform.elements.length;i++){
		//如果表单域是文本框的话,进行定义好的验证
		if(vform.elements[i].type=="text"){
			//取得验证结果
			var checkResult=checkTextBox(vform.elements[i]);
			//取得文本框名,getAttribute 获取指定标签属性的值
			var name=vform.elements[i].getAttribute("name");
			//验证通过
			if(checkResult){
				//getElementById通过通过控件ID取得元素的值
				document.getElementById(name+"Msg").clasName="feedbackHide";
			}
			else{
				//验证不通过,显示提示文字并置焦点
				document.getElementById(name+"Msg").className="feedbackShow";
				vform.elements[i].focus();
				return false;
			}
		}
	}
	var pd1= document.form1.password1.value; 
	if(document.form1.password1.value.length<6||document.form1.password1.value.length>20){
		alert("请输入符合条件的密码");
		return false;
	}
	
	var pd2= document.form1.password2.value; 
	if(document.form1.password2.value.length<6||document.form1.password2.value.length>20){
		alert("请再次输入密码!");
		return false;
	}
	
	if(pd1 !== pd2){
		alert("两次密码不相同");
		return false;
	}
	return true;
}

//检查文本框
function checkTextBox(vTextBox){
	//取得文本框中允许输入的合法文字正则表达式
	var validChar=vTextBox.getAttribute("validChar");
	//取得文本框中是否必须检查的标志
	var isRequired=vTextBox.getAttribute("isRequired");
	//取得文本框的输入
	var inputValue=vTextBox.value;
	//如果是非必填字段且没有输入则返回真
	if(isRequired!="true"&&inputValue.length<1){
		return true;
	}
	//否则进行正则表达式验证
	else{
		var regexStr="^"+validChar+"$";
		var regex=new RegExp(regexStr);
		return regex.test(inputValue);
	}
}
//-->
</script>

style.css

.feedbackShow{
	visibility:visible;
	color:red;
}
.feedbackHide{
	visibility:hidden;	
}
td{
	font-size:14px;
}
td i{
	color:#666666;
	font-size:12px;
}

questionaire.html

<html>
<head>
<title>调查问卷</title>
<style type="text/css">
body{
	margin:() auto;
	width:700px;
	font-size=10px;
	font-family:"宋体";
}
div{
	b0x-sizing:border-box;
	/*background-color:#d3dec0;*/
	line-height:1.6;
}
.one{ width:1000px; background:#D1E9E9; margin:0 auto;}/*页面居中显示*/
.s1{
	font-family:"楷体";
	font-size:13px;
	text-indent:2em;	
}
input[type="text"]{border-bottom:solid 1px black;border-top:none;border-left:none;
border-right:none;background-color:D1E9E9;}
input[type="text1"]{border-bottom:none;border-top:none;border-left:none;
border-right:none;background-color:D1E9E9;}
input[type="tel"]{border-bottom:none;border-top:none;border-left:none;
border-right:none;background-color:D1E9E9;}

.table-a table {border-right:1px solid black;border-bottom:1px solid black;text-align: center} 
.table-a table td{border-left:1px solid black;border-top:1px solid black;text-align: center}
/* 
只对table td设置左与上边框; 
对table设置右与下边框;  
*/

</style>

</head>
<body class="one">
<form action="#" method="post" enctype="multipart/form-data" name="form0">
<h2 style="font-family:黑体;text-align:center;">企业电子商务调查问卷</h2>
<div>
	<p style="font-family:楷体;font-size:13px;text-align=left;">尊敬的先生/女士:</p>
	<p class="s1">您好!为了了解目前企业开展电子商务的状况和问题,我们课题组希望您能协助填写这份调查表。
	在此,我们郑重承诺,调查结果仅供研究使用。如果您有兴趣和需要,我们可以将最终的统计和分析结果通过电子邮件的方式
	反馈给您</p>
	<p class="s1">本次调查对于电子商务的界定是:通过计算机网络完成的购买和销售货物以及服务的行为,这些
	货物或服务的订单是通过相关网络下达的,但是支付和物流可以是网下进行的。通过传真、电话和电子邮件达成的交易不算在
	内。</p>
	<p class="s1">非常感谢您的大力支持!</p>
	<p></p>
	<p></p>
	<p style="text-align:right;font-family:楷体;font-size:13px;">广东省电子商务发展
	规划前期研究课题组</p>
</div>
<hr />
<div class="table-a">
	<h3>一、企业基本简况</h3>
		<tr>
			<td>1. 企业名称:</td>
			<td><input type="text" name="companyname"></td>
			<td>注册地:</td>
			<td><input type="text" name="place"></td> 
		</tr><br />
		<tr>
			<td>2. 您在所在企业的职务(职位):</td>
			<td><input type="text" name="position"></td>
		</tr><br />
		<tr>
			<td>3. 企业成立时间:</td>
			<td><input type="text" name="time"></td>
		</tr><br />
		<tr>
			<td>4. 企业所在行业:</td>
			<td><input type="text" name="industry"></td>
		</tr><br />
		<tr>
			<b><u>以下选择题,若无特别声明,皆为多项选择题</u></b>
		</tr><br />
		<tr>
			<td>5. 您所在企业的所有制形式为:(单选)</td>
			<td>
			<input type="radio" name="ownership" value="state-owned">国有
			<input type="radio" name="ownership" value="collective">集体
			<input type="radio" name="ownership" value="privately">民营
			<input type="radio" name="ownership" value="others1">其他<input type="text" name="others1">
			</td>
		</tr><br />
		<tr>
			<td>6. 您所在企业是否是上市公司:(单选)</td>
			<td><select name="listed_company">
				<option value="yes"></option>
				<option value="no"></option>
			</select></td>
		</tr><br />
		<tr>
			<td>7.请列出贵企业所在行业的主要企业情况</td>
		</tr><br />
		<tr>
			<table width="700" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td>企业名称</td><td>该企业的竞争优势</td>
					<td colspan="2" >是否已展开电子商务</td>
				</tr>
				<tr>
					<td><input type="text1" name="blank1"></td>
					<td><input type="text1" name="blank1"></td>
					<td><input type="radio" name="yes2"><td><input type="radio" name="no2"></td>
				</tr>
				<tr>
					<td><input type="text1" name="blank2"></td>
					<td><input type="text1" name="blank2"></td>
					<td><input type="radio" name="yes3"><td><input type="radio" name="no3"></td>
				</tr>
				<tr>
					<td><input type="text1" name="blank3"></td>
					<td><input type="text1" name="blank3"></td>
					<td><input type="radio" name="yes4"><td><input type="radio" name="no4"></td>
				</tr>
			</table>
		</tr>
</div>
<div>
	<h3>二、企业信息化总体状况</h3>
		<p>8. 您所在企业最需要的信息包括(选择其中最重要的4项信息):</p>
			<p>
			<input type="checkbox" name="nma" value="001" onClick="doCheck(this)" />产品开发
			<input type="checkbox" name="nma" value="002" onClick="doCheck(this)" />生产技术
			<input type="checkbox" name="nma" value="003" onClick="doCheck(this)" />技术引进
			<input type="checkbox" name="nma" value="004" onClick="doCheck(this)" />市场行情
			</p>
			<p>
			<input type="checkbox" name="nma" value="005" onClick="doCheck(this)" />竞争对手
			<input type="checkbox" name="nma" value="006" onClick="doCheck(this)" />政策法规
			<input type="checkbox" name="nma" value="007" onClick="doCheck(this)" />薪酬水平
			<input type="checkbox" name="nma" value="008" onClick="doCheck(this)" />人才信息
			</p>
			<p>
				<input type="checkbox" name="nma" value="009" onClick="doCheck(this)" />财务状况
				<input type="checkbox" name="nma" value="0010" onClick="doCheck(this)" />投资融资
				<input type="checkbox" name="nma" value="0011" onClick="doCheck(this)" />市场预测
				<input type="checkbox" name="nma" value="0012" onClick="doCheck(this)" />员工关系
			</p>
			<p>
			<input type="checkbox" name="nma" value="0013" onClick="doCheck(this)" />其他:
			<input type="text" name="nma" /><!-- 使用onclick来进行执行Ajax函数进行跳转,并同时使用”xxxxxx(this)”来传递动态参数 
			this指的就是input标签这个对象-->
			</p>
		
		<p>9.您所在企业目前采用的信息系统包括:</p>
			<p>
			<input type="checkbox" name="messagesystem0" value="000" />没有任何系统
			</p>
			<p>
				<input type="checkbox" name="messagesystem1" value="001" />财务管理系统
				<input type="checkbox" name="messagesystem2" value="002" />办公自动化系统(OA)
				<input type="checkbox" name="messagesystem3" value="003" />管理信息系统(MIS)
			</p>
			<p>
			<input type="checkbox" name="messagesystem4" value="004" />计算机辅助设计(CAD)
			<input type="checkbox" name="messagesystem5" value="005" />企业资源计划(ERP)
			<input type="checkbox" name="messagesystem6" value="006" />决策支持系统(DSS)
			</p>
			<p>
				<input type="checkbox" name="messagesystem7" value="007" />客户关系管理(SCM)
				<input type="checkbox" name="messagesystem8" value="008" />人力资源信息系统(HR)
				<input type="checkbox" name="messagesystem9" value="009" />电子商务系统
			</p>
			<p>
				<input type="checkbox" name="messagesystem10" value="0010"  />其他:
				<input type="text" name="messagesystem" />
			</p>
		<p><b>若选择“没有任何系统”请直接跳转到12题</b></p>
		<p>10.您所在企业从何时开始采用ERP(或MIS)系统?
			<input type="text" name="starttime"></p>
		<p>
			11.您所在企业在信息化的基础设施和硬件方面的投资大约有多少(累计数)?
			<input type="text" name="money1">万元	
		</p>
		<hr style="border:2px dotted black" />
		<p>12.您所在企业是否建了网站?(单选)&nbsp;
			<select name="network"> 
				<option value="yes"></option>
				<option value="oneyear">计划一年内建</option>
				<option value="threeyear">计划3年内建</option>
				<option value="no">暂时没有计划</option>
			</select></p>
		<p><b>若尚未建立网站(即选择后三项),请直接跳转到15题</b></p>
		<p>13.您所在企业建立网站的时间:
		    <input type="text" name="builtnettime"></p>
		<p>14.您所在企业网站的主要功能是:</p>
			<p><input type="radio" name="working" value="advertise">宣传
			<input type="radio" name="working" value="introduction">产品介绍
			<input type="radio" name="working" value="e-commerce">开展电子商务
			<input type="radio" name="working" value="others">其他
			<input type="text" name="working">
			</p>
		<hr style="border:2px dotted black" />
		<p>15.您所在企业的商业往来通信方式有哪些?</p>
			<p><input type="checkbox" name="communication1" value="001" />电子数据交换(EDI)
				<input type="checkbox" name="communication2" value="002" />互联网(internet)
				<input type="checkbox" name="communication3" value="003" />电话线路(tel,fax)
			</p>
			<p><input type="checkbox" name="communication4" value="004" />传统邮政
				<input type="checkbox" name="communication5" value="005" />其他
				<input type="text" name="communication">
			</p>
		<p>16.您所在企业的网络连接方式是:(单选)</p>
			<p><input type="radio" name="netconnections" value="dialing">拨号上网
				<input type="radio" name="netconnections" value="phoneline">电话专线
				<input type="radio" name="netconnections" value="broadband">宽带
			</p>
			<p><input type="radio" name="netconnections" value="rentline">租赁专线
				<input type="radio" name="netconnections" value="wirelessnet">无线上网
				<input type="radio" name="netconnections" value="others">其他
				<input type="text" name="netconnections">
			</p>
		<p>17.您所在的单位采用的服务器是:
			<input type="radio" name="servers" value="without">没有服务器
			<input type="radio" name="servers" value="buyoneself">自己购买
			<input type="radio" name="servers" value="renthost">租用主机
		</p>
		<p><b>若没有服务器,请直接挑转18题</b></p>
			<p>服务器主机类型为:</p>
				<p><input type="radio" name="serverhosttype" value="pc-servers">PC服务器
					<input type="radio" name="serverhosttype" value="pc-serverssysytem">PC服务器群集系统
					<input type="radio" name="serverhosttype" value="minicomputer">小型机
				</p>
				<p><input type="radio" name="serverhosttype" value="mediumcomputer">中型机
					<input type="radio" name="serverhosttype" value="maxcomputer">大型机
				</p>
			<p>服务器软件来源是:
				<input type="radio" name="serversoftsource" value="self-developed">自行开发
				<input type="radio" name="serversoftsource" value="outsourcing">外购
				<input type="radio" name="serversoftsource" value="free">免费使用
			</p>
			<p>网络系统维护方式为:  
				<input type="radio" name="maintenancemode" value="self-developed">自行维护
				<input type="radio" name="maintenancemode" value="outsourcing">外包
			</p>
		<hr style="border:2px dotted black" />
		<p>18.您所在的单位平均每月要缴纳的网费是?(单选)
			<select name="networkfee">
				<option value="050">500元以下</option>
				<option value="150">500~1500</option>
				<option value="250">1500~2500</option>
				<option value="more">2500以上</option>
			</select></p>
	<h3>三、企业电子商务概况</h3>
		<p>19.您所在的企业现在是否开展了电子商务?</p>
			<p><input type="radio" name="launch" value="haved">已经开展电子商务
				<input type="radio" name="launch" value="planning">计划开展电子商务
				<input type="radio" name="launch" value="without">没有开展电子商务
			</p>
		<p><b>若已经开展电子商务,请直接跳转到21题</b></p>
		<p>20.如果您所在的单位没有开展电子商务并且在短期内也没有开展电子商务的打算,原因是?</p>
			<p><input type="checkbox" name="e-commercereason1" value="001" />基础设施不健全,短时间内无法上网 
				<input type="checkbox" name="e-commercereason2" value="002" /> 在网上开展商务活动不安全
			</p>
			<p><input type="checkbox" name="e-commercereason3" value="003" />实施电子商务的成本太高
				<input type="checkbox" name="e-commercereason4" value="004" />企业条件不成熟,没有相应的技术及管理人才
			</p>
			<p><input type="checkbox" name="e-commercereason5" value="005" /> 没有想过 
				<input type="checkbox" name="e-commercereason6" value="006" /> 其它
				<input type="text" name="e-commercereason">
			</p>
		<p><b>由于贵企业没有开展电子商务,请直接跳转到第五部分的34题</b></p>
		<hr style="border:2px dotted black" />
		<p>21.贵企业电子商务的开展水平与理想状况是否存在较大差距?(单选)
			<select name="gap">
				<option value="yes"></option>
				<option value="unware">不知道</option>
				<option value="no"></option>
			</select></p>
		<p>22.您所在的企业开展电子商务活动主要在哪些领域?</p>
			<p><input type="checkbox" name="filed1" value="BtoB">企业之间(BtoB)
				<input type="checkbox" name="filed2" value="BtoC">企业对个人客户(BtoC)
				<input type="checkbox" name="filed3" value="BtoG">企业与*之间(BtoG)
			</p>
		<p>23.在所有与您所在的企业有商业往来的单位中,有多少已经开展了电子商务?(单选)
			<select name="intercommercial">
				<option value="80">80%以上</option>
				<option value="60">60%~80%</option>
				<option value="40">40%~60%</option>
				<option value="20">20%~40%</option>
				<option value="0">20%以下</option>
			</select></p>
		<p>24.您所在企业是否有专人对电子商务系统进行维护、管理和规划?(单选)
			<select name="safeguard">
				<option value="yes"></option>
				<option value="no"></option>
			</select></p>
		<p>该方面的负责人在企业是什么级别?(单选)
			<select name="safeguarder">
				<option value="topmanager">高层管理者</option>
				<option value="middlemanager">中层管理者</option>
				<option value="lowermanager">基层管理者</option>
				<option value="generalstaff">普通员工</option>
			</select></p>
	<h3>四.企业电子商务管理情况</h3>
		<p>25.您认为制约贵企业电子商务需求的主要原因包括:</p>
			<p><input type="checkbox" name="restrictreasons1" value="001">电子商务环境不成熟
				<input type="checkbox" name="restrictreasons2" value="002">企业自身能力不足
				<input type="checkbox" name="restrictreasons3" value="003">不了解结合点
			</p>
			<p><input type="checkbox" name="restrictreasons4" value="004">上下游企业水平不高  
				<input type="checkbox" name="restrictreasons5" value="005">目前对企业的帮助不大 
				<input type="checkbox" name="restrictreasons6" value="006">未来对企业的帮助不大
			</p>
			<p><input type="checkbox" name="restrictreasons7" value="007">其他
				<input type="text" name="e-commercereason">
			</p>
		<p>26.您认为您所在企业在开展电子商务中遇到的关键问题有哪些?</p>
		<table style="table-layout:fixed;width=700px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%">非常严重</th><th style="width:10%">较严重</th>
				<th style="width:10%">一般</th><th style="width:10%">不严重</th><th style="width:10%">不存在</th> 
			</tr>
			<tr>
				<td>电子合同执行和监督难</td>
				<td><input type="radio" name="001" value="5">5</td>
				<td><input type="radio" name="001" value="4">4</td>
				<td><input type="radio" name="001" value="3">3</td>
				<td><input type="radio" name="001" value="2">2</td>
				<td><input type="radio" name="001" value="1">1</td>
			</tr>
			<tr>
				<td>企业对电子商务的需求不足</td>
				<td><input type="radio" name="002" value="5">5</td>
				<td><input type="radio" name="002" value="4">4</td>
				<td><input type="radio" name="002" value="3">3</td>
				<td><input type="radio" name="002" value="2">2</td>
				<td><input type="radio" name="002" value="1">1</td>
			</tr>
			<tr>
				<td>电子结算(电子支付)不畅 </td>
				<td><input type="radio" name="003" value="5">5</td>
				<td><input type="radio" name="003" value="4">4</td>
				<td><input type="radio" name="003" value="3">3</td>
				<td><input type="radio" name="003" value="2">2</td>
				<td><input type="radio" name="003" value="1">1</td>
			</tr>
			<tr>
				<td>交易安全性差 </td>
				<td><input type="radio" name="004" value="5">5</td>
				<td><input type="radio" name="004" value="4">4</td>
				<td><input type="radio" name="004" value="3">3</td>
				<td><input type="radio" name="004" value="2">2</td>
				<td><input type="radio" name="004" value="1">1</td>
			</tr>
			<tr>
				<td>企业信息化基础薄弱</td>
				<td><input type="radio" name="005" value="5">5</td>
				<td><input type="radio" name="005" value="4">4</td>
				<td><input type="radio" name="005" value="3">3</td>
				<td><input type="radio" name="005" value="2">2</td>
				<td><input type="radio" name="005" value="1">1</td>
			</tr>
			<tr>
				<td>企业管理水平不高 </td>
				<td><input type="radio" name="006" value="5">5</td>
				<td><input type="radio" name="006" value="4">4</td>
				<td><input type="radio" name="006" value="3">3</td>
				<td><input type="radio" name="006" value="2">2</td>
				<td><input type="radio" name="006" value="1">1</td>
			</tr>
			<tr>
				<td>开展电子商务所需费用过高</td>
				<td><input type="radio" name="007" value="5">5</td>
				<td><input type="radio" name="007" value="4">4</td>
				<td><input type="radio" name="007" value="3">3</td>
				<td><input type="radio" name="007" value="2">2</td>
				<td><input type="radio" name="007" value="1">1</td>
			</tr>
			<tr>
				<td>人才缺乏 </td>
				<td><input type="radio" name="008" value="5">5</td>
				<td><input type="radio" name="008" value="4">4</td>
				<td><input type="radio" name="008" value="3">3</td>
				<td><input type="radio" name="008" value="2">2</td>
				<td><input type="radio" name="008" value="1">1</td>
			</tr>
			<tr>
				<td>资金不足</td>
				<td><input type="radio" name="009" value="5">5</td>
				<td><input type="radio" name="009" value="4">4</td>
				<td><input type="radio" name="009" value="3">3</td>
				<td><input type="radio" name="009" value="2">2</td>
				<td><input type="radio" name="009" value="1">1</td>
			</tr>
			<tr>
				<td>物流配送无法达到要求</td>
				<td><input type="radio" name="0010" value="5">5</td>
				<td><input type="radio" name="0010" value="4">4</td>
				<td><input type="radio" name="0010" value="3">3</td>
				<td><input type="radio" name="0010" value="2">2</td>
				<td><input type="radio" name="0010" value="1">1</td>
			</tr>
			<tr>
				<td>上下游企业电子商务发展落后</td>
				<td><input type="radio" name="0011" value="5">5</td>
				<td><input type="radio" name="0011" value="4">4</td>
				<td><input type="radio" name="0011" value="3">3</td>
				<td><input type="radio" name="0011" value="2">2</td>
				<td><input type="radio" name="0011" value="1">1</td>
			</tr>
			<tr>
				<td>法律不健全</td>
				<td><input type="radio" name="0012" value="5">5</td>
				<td><input type="radio" name="0012" value="4">4</td>
				<td><input type="radio" name="0012" value="3">3</td>
				<td><input type="radio" name="0012" value="2">2</td>
				<td><input type="radio" name="0012" value="1">1</td>
			</tr>
			<tr>
				<td>现有的业务流程不合理</td>
				<td><input type="radio" name="0013" value="5">5</td>
				<td><input type="radio" name="0013" value="4">4</td>
				<td><input type="radio" name="0013" value="3">3</td>
				<td><input type="radio" name="0013" value="2">2</td>
				<td><input type="radio" name="0013" value="1">1</td>
			</tr>
			<tr>
				<td>其他<input type="text" name="problems"></td>
			</tr>
		</table>
		<p>27.您认为产生上述问题的企业内部原因主要在于:</p>
		<table style="table-layout:fixed;width=700px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%">非常重要</th><th style="width:10%">重要</th>
				<th style="width:10%">一般</th><th style="width:10%">不重要</th><th style="width:10%">不存在</th>
			</tr>
			<tr>
				<td>没有重视电子商务规划</td>
				<td><input type="radio" name="noplan" value="5">5</td>
				<td><input type="radio" name="noplan" value="4">4</td>
				<td><input type="radio" name="noplan" value="3">3</td>
				<td><input type="radio" name="noplan" value="2">2</td>
				<td><input type="radio" name="noplan" value="1">1</td>
			</tr>
			<tr>
				<td>企业之间存在利益冲突</td>
				<td><input type="radio" name="conflict1" value="5">5</td>
				<td><input type="radio" name="conflict1" value="4">4</td>
				<td><input type="radio" name="conflict1" value="3">3</td>
				<td><input type="radio" name="conflict1" value="2">2</td>
				<td><input type="radio" name="conflict1" value="1">1</td>
			</tr>
			<tr>
				<td>管理理念与技术冲突</td>
				<td><input type="radio" name="conflict2" value="5">5</td>
				<td><input type="radio" name="conflict2" value="4">4</td>
				<td><input type="radio" name="conflict2" value="3">3</td>
				<td><input type="radio" name="conflict2" value="2">2</td>
				<td><input type="radio" name="conflict2" value="1">1</td>
			</tr>
			<tr>
				<td>外部环境与技术冲突</td>
				<td><input type="radio" name="conflict3" value="5">5</td>
				<td><input type="radio" name="conflict3" value="4">4</td>
				<td><input type="radio" name="conflict3" value="3">3</td>
				<td><input type="radio" name="conflict3" value="2">2</td>
				<td><input type="radio" name="conflict3" value="1">1</td>
			</tr>
			<tr>
				<td>企业文化保守</td>
				<td><input type="radio" name="conservation" value="5">5</td>
				<td><input type="radio" name="conservation" value="4">4</td>
				<td><input type="radio" name="conservation" value="3">3</td>
				<td><input type="radio" name="conservation" value="2">2</td>
				<td><input type="radio" name="conservation" value="1">1</td>
			</tr>
			<tr>
				<td>其他<input type="text" name="reasons"></td>
			</tr>
		</table>
		<p>28.您所在企业解决上述问题主要采取的方法:</p>
		<table style="table-layout:fixed;width=700px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%">主要采用</th><th style="width:10%"></th><th style="width:10%"></th>
				<th style="width:10%"></th><th style="width:10%">没有采用</th>
			</tr>
			<tr>
				<td>做好信息化规划</td>
				<td><input type="radio" name="infomationrplan" value="5">5</td>
				<td><input type="radio" name="infomationrplan" value="4">4</td>
				<td><input type="radio" name="infomationrplan" value="3">3</td>
				<td><input type="radio" name="infomationrplan" value="2">2</td>
				<td><input type="radio" name="infomationrplan" value="1">1</td>
			</tr>
			<tr>
				<td>明确的奖惩机制</td>
				<td><input type="radio" name="repumechanism" value="5">5</td>
				<td><input type="radio" name="repumechanism" value="4">4</td>
				<td><input type="radio" name="repumechanism" value="3">3</td>
				<td><input type="radio" name="repumechanism" value="2">2</td>
				<td><input type="radio" name="repumechanism" value="1">1</td>
			</tr>
			<tr>
				<td>加强沟通与协调</td>
				<td><input type="radio" name="a" value="5">5</td>
				<td><input type="radio" name="a" value="4">4</td>
				<td><input type="radio" name="a" value="3">3</td>
				<td><input type="radio" name="a" value="2">2</td>
				<td><input type="radio" name="a" value="1">1</td>
			</tr>
			<tr>
				<td>优化业务流程</td>
				<td><input type="radio" name="b" value="5">5</td>
				<td><input type="radio" name="b" value="4">4</td>
				<td><input type="radio" name="b" value="3">3</td>
				<td><input type="radio" name="b" value="2">2</td>
				<td><input type="radio" name="b" value="1">1</td>
			</tr>
			<tr>
				<td>明确责权利</td>
				<td><input type="radio" name="c" value="5">5</td>
				<td><input type="radio" name="c" value="4">4</td>
				<td><input type="radio" name="c" value="3">3</td>
				<td><input type="radio" name="c" value="2">2</td>
				<td><input type="radio" name="c" value="1">1</td>
			</tr>
			<tr>
				<td>健全制度</td>
				<td><input type="radio" name="d" value="5">5</td>
				<td><input type="radio" name="d" value="4">4</td>
				<td><input type="radio" name="d" value="3">3</td>
				<td><input type="radio" name="d" value="2">2</td>
				<td><input type="radio" name="d" value="1">1</td>
			</tr>
			<tr>
				<td>高层的推动</td>
				<td><input type="radio" name="e" value="5">5</td>
				<td><input type="radio" name="e" value="4">4</td>
				<td><input type="radio" name="e" value="3">3</td>
				<td><input type="radio" name="e" value="2">2</td>
				<td><input type="radio" name="e" value="1">1</td>
			</tr>
			<tr>
				<td>持续进行各类培训提高能力</td>
				<td><input type="radio" name="f" value="5">5</td>
				<td><input type="radio" name="f" value="4">4</td>
				<td><input type="radio" name="f" value="3">3</td>
				<td><input type="radio" name="f" value="2">2</td>
				<td><input type="radio" name="f" value="1">1</td>
			</tr>
			<tr>
				<td>其他<input type="text" name="solutions"></td>
			</tr>
		</table>
		<p>29.您认为您所在企业实施电子商务后对企业产生了哪些影响?</p>
		<table style="table-layout:fixed;width=700px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%">非常明显</th>
				<th style="width:10%">明显</th><th style="width:10%">一般 </th><th style="width:10%">不明显</th><th style="width:10%">无变化</th>
			</tr>
			<tr>
				<td>生产成本下降</td>
				<td><input type="radio" name="costreduce" value="5">5</td>
				<td><input type="radio" name="costreduce" value="4">4</td>
				<td><input type="radio" name="costreduce" value="3">3</td>
				<td><input type="radio" name="costreduce" value="2">2</td>
				<td><input type="radio" name="costreduce" value="1">1</td>
			</tr>
			<tr>
				<td>生产周期缩短</td>
				<td><input type="radio" name="cycshorten" value="5">5</td>
				<td><input type="radio" name="cycshorten" value="4">4</td>
				<td><input type="radio" name="cycshorten" value="3">3</td>
				<td><input type="radio" name="cycshorten" value="2">2</td>
				<td><input type="radio" name="cycshorten" value="1">1</td>
			</tr>
			<tr>
				<td>质量管理能力增强</td>
				<td><input type="radio" name="abienbance" value="5">5</td>
				<td><input type="radio" name="abienbance" value="4">4</td>
				<td><input type="radio" name="abienbance" value="3">3</td>
				<td><input type="radio" name="abienbance" value="2">2</td>
				<td><input type="radio" name="abienbance" value="1">1</td>
			</tr>
			<tr>
				<td>运输和物流费用减少</td>
				<td><input type="radio" name="logisticscostred" value="5">5</td>
				<td><input type="radio" name="logisticscostred"  value="4">4</td>
				<td><input type="radio" name="logisticscostred"  value="3">3</td>
				<td><input type="radio" name="logisticscostred"  value="2">2</td>
				<td><input type="radio" name="logisticscostred"  value="1">1</td>
			</tr>
			<tr>
				<td>库存周转率提高</td>
				<td><input type="radio" name="inventoryturnover" value="5">5</td>
				<td><input type="radio" name="inventoryturnover" value="4">4</td>
				<td><input type="radio" name="inventoryturnover" value="3">3</td>
				<td><input type="radio" name="inventoryturnover" value="2">2</td>
				<td><input type="radio" name="inventoryturnover" value="1">1</td>
			</tr>
			<tr>
				<td>工作流程得到优化</td>
				<td><input type="radio" name="processoptimi" value="5">5</td>
				<td><input type="radio" name="processoptimi" value="4">4</td>
				<td><input type="radio" name="processoptimi" value="3">3</td>
				<td><input type="radio" name="processoptimi" value="2">2</td>
				<td><input type="radio" name="processoptimi" value="1">1</td>
			</tr>
			<tr>
				<td>员工工作效率提高</td>
				<td><input type="radio" name="improeffi" value="5">5</td>
				<td><input type="radio" name="improeffi" value="4">4</td>
				<td><input type="radio" name="improeffi" value="3">3</td>
				<td><input type="radio" name="improeffi" value="2">2</td>
				<td><input type="radio" name="improeffi" value="1">1</td>
			</tr>
			<tr>
				<td>订单管理水平提高</td>
				<td><input type="radio" name="ordermanaimpro" value="5">5</td>
				<td><input type="radio" name="ordermanaimpro" value="4">4</td>
				<td><input type="radio" name="ordermanaimpro" value="3">3</td>
				<td><input type="radio" name="ordermanaimpro" value="2">2</td>
				<td><input type="radio" name="ordermanaimpro" value="1">1</td>
			</tr>
			<tr>
				<td>其他<input type="text" name="effctions"></td>
			</tr>
		</table>
		<p>30.贵企业希望*提供哪些服务及宏观指导?</p>
		<table style="table-layout:fixed;width=700px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%">非常重要</th><th style="width:10%">重要</th>
				<th style="width:10%">一般</th><th style="width:10%">不重要</th><th style="width:10%">不存在</th>
			</tr>
			<tr>
				<td>推行新的产品核算制</td>
				<td><input type="radio" name="cal" value="5">5</td>
				<td><input type="radio" name="cal" value="4">4</td>
				<td><input type="radio" name="cal" value="3">3</td>
				<td><input type="radio" name="cal" value="2">2</td>
				<td><input type="radio" name="cal" value="1">1</td>
			</tr>
			<tr>
				<td>推行新的采购管理制</td>
				<td><input type="radio" name="pur" value="5">5</td>
				<td><input type="radio" name="pur" value="4">4</td>
				<td><input type="radio" name="pur" value="3">3</td>
				<td><input type="radio" name="pur" value="2">2</td>
				<td><input type="radio" name="pur" value="1">1</td>
			</tr>
			<tr>
				<td>建立新的技术应用推广</td>
				<td><input type="radio" name="promote" value="5">5</td>
				<td><input type="radio" name="promote" value="4">4</td>
				<td><input type="radio" name="promote" value="3">3</td>
				<td><input type="radio" name="promote" value="2">2</td>
				<td><input type="radio" name="promote" value="1">1</td>
			</tr>
			<tr>
				<td>完善人才培养制度 </td>
				<td><input type="radio" name="cultivate" value="5">5</td>
				<td><input type="radio" name="cultivate" value="4">4</td>
				<td><input type="radio" name="cultivate" value="3">3</td>
				<td><input type="radio" name="cultivate" value="2">2</td>
				<td><input type="radio" name="cultivate" value="1">1</td>
			</tr>
			<tr>
				<td>建立企业发展评价指标</td>
				<td><input type="radio" name="evaluate" value="5">5</td>
				<td><input type="radio" name="evaluate" value="4">4</td>
				<td><input type="radio" name="evaluate" value="3">3</td>
				<td><input type="radio" name="evaluate" value="2">2</td>
				<td><input type="radio" name="evaluate" value="1">1</td>
			</tr>
			<tr>
				<td>建立企业与*的沟通</td>
				<td><input type="radio" name="govcommunication" value="5">5</td>
				<td><input type="radio" name="govcommunication" value="4">4</td>
				<td><input type="radio" name="govcommunication" value="3">3</td>
				<td><input type="radio" name="govcommunication" value="2">2</td>
				<td><input type="radio" name="govcommunication" value="1">1</td>
			</tr>
			<tr>
				<td>及时的信息发布</td>
				<td><input type="radio" name="infpublish" value="5">5</td>
				<td><input type="radio" name="infpublish" value="4">4</td>
				<td><input type="radio" name="infpublish" value="3">3</td>
				<td><input type="radio" name="infpublish" value="2">2</td>
				<td><input type="radio" name="infpublish" value="1">1</td>
			</tr>
			<tr>
				<td>其他<input type="text" name="guidances"></td>
			</tr>
		</table>
		<p>31.在网络交易时,您所在的单位拥有的CA认证是否曾经出现过与对方的CA认证不兼容的情况?
			(<input type="text1" name="compatibility" size="5" text-algin="center" />)</p>
			<p>&nbsp;&nbsp;A.是&nbsp;&nbsp; B否</p>
			
			<p>&nbsp;出现不兼容的情况时,对方企业所在地是?(<input type="text1" name="compatibility" size="5" text-algin="center" />)</p>
			<p>&nbsp;A.本省&nbsp;&nbsp;B.内地其他地区 &nbsp;&nbsp; C.港澳台&nbsp;&nbsp; D.国外</p>
			
			<p>&nbsp;这时贵公司会怎么办?(<input type="text1" name="doing" size="5" text-algin="center" />)</p>
			<p>&nbsp;A不管认证是否兼容仍然继续交易&nbsp;&nbsp; B.在双方取得可兼容的认证后再交易 </p>
			<p>&nbsp;C.放弃交易&nbsp;&nbsp;D.其它<input type="text" name="others31"></p>
			
		<p>32.贵企业通过开展电子商务减少了哪些岗位的人员,各多少人?</p>
			<p><input type="text" name="jobcut1" size="30">
				<input type="text" name="jobcut2" size="30">
			</p>
			<p><input type="text" name="jobcut3" size="30">
				<input type="text" name="jobcut4" size="30">
			</p>
			<p>共计<input type="text" name="jobcut5">人.</p>
		<p>33.贵企业通过开展电子商务增加了哪些岗位的员工,各多少人?</p>
			<p><input type="text" name="recruit1" size="30" />
				<input type="text" name="recruit2" size="30" />
			</p>
			<p><input type="text" name="recruit3" size="30" />
				<input type="text" name="recruit4" size="30" />
			</p>
			<p>共计<input type="text" name="recruit5">人.</p>
	<h3>五.企业电子商务需求情况</h3>
		<p>34.您认为贵企业所在的行业中</p>
		<table style="table-layout:fixed;width=600px;">
			<tr>
				<th style="width:50%"></th><th style="width:10%"></th>
				<th style="width:10%"></th><th style="width:10%"></th>
				<th style="width:10%"></th><th style="width:10%"></th>
			</tr>
			<tr><!-- <td>5</td><td>4</td><td>3</td><td>2</td><td>1</td> -->
				<td>开展电子商务的必要性</td>
				<td><input type="radio" name="nec" value="5">5</td>
				<td><input type="radio" name="nec" value="4">4</td>
				<td><input type="radio" name="nec" value="3">3</td>
				<td><input type="radio" name="nec" value="2">2</td>
				<td><input type="radio" name="nec" value="1">1</td>
			</tr>
			<tr>
				<td>企业建设电子商务的愿望</td>
				<td><input type="radio" name="hop" value="5">5</td>
				<td><input type="radio" name="hop" value="4">4</td>
				<td><input type="radio" name="hop" value="3">3</td>
				<td><input type="radio" name="hop" value="2">2</td>
				<td><input type="radio" name="hop" value="1">1</td>
			</tr>
			<tr>
				<td>电子商务对传统业务促进作用</td>
				<td><input type="radio" name="wor" value="5">5</td>
				<td><input type="radio" name="wor" value="4">4</td>
				<td><input type="radio" name="wor" value="3">3</td>
				<td><input type="radio" name="wor" value="2">2</td>
				<td><input type="radio" name="wor" value="1">1</td>
			</tr>
		</table>
		<p>35.是否需要建立行业范围更广的综合型平台?(单选)</p>
			<p><input type="radio" name="platform" value="yes"><input type="radio" name="platform" value="no">行业平台足以满足要求,不需综合平台
				<input type="radio" name="platform" value="neednot">根本没必要
			</p>
			<p>&nbsp;&nbsp;如果需要建立综合平台	,应该由主要谁来建立?</p>
				<p><input type="checkbox" name="builder1" value="governmentsector">*部门
					<input type="checkbox" name="builder2" value="guild">行业协会
					<input type="checkbox" name="builder3" value="band">银行或相应的金融机构
				</p>
				<p><input type="checkbox" name="builder4" value="headmostenterprise">同行业中的领头企业
					<input type="checkbox" name="builder5" value="networkcompany">专业的网络公司或网络服务提供商 
					<input type="checkbox" name="builder6" value="others">其他
					<input type="text" name="builder">
				</p>
			<p>&nbsp;&nbsp;建立平台后,应该由谁来进行平台的管理和维护?</p>
				<p><input type="checkbox" name="preserve1" value="governmentsector">*部门
					<input type="checkbox" name="preserve2" value="guild">行业协会
					<input type="checkbox" name="preserve3" value="band">银行或相应的金融机构
				</p>
				<p><input type="checkbox" name="preserve4" value="headmostenterprise">同行业中的领头企业
					<input type="checkbox" name="preserve5" value="networkcompany">专业的网络公司或网络服务提供商 
					<input type="checkbox" name="preserve6" value="others">其他
					<input type="text" name="preserve">
				</p>
		<p>36.建立综合平台或行业平台后,在分享利益的同时您所在的单位是否愿意分摊相应的运行及维护费用?(单选)
			<select name="willing">
				<option value="yes"></option>
				<option value="no"></option>
			</select></p>
		<p>37.企业对高校电子商务专业毕业生的基本看法:</p>
			<p><input type="checkbox" name="graduatethinking1" value="1">能够胜任较高级的工作,表现出专业的水平</p>
			<p><input type="checkbox" name="graduatethinking2" value="2">仅有书本知识,不能解决实际问题</p>
			<p><input type="checkbox" name="graduatethinking3" value="3">知识结构不合理,没有反映出业界的发展现实</p>
			<p><input type="checkbox" name="graduatethinking4" value="4">高职高专的毕业生工作能力比本科的毕业生实际能力更强</p>
			<p><input type="checkbox" name="graduatethinking5" value="5">职业定位不清晰,能力知识宽而不精</p>
			<p><input type="checkbox" name="graduatethinking6" value="6">各高校的电子商务专业差异太大,难以确定毕业生的能力特点</p>
			<p><input type="checkbox" name="graduatethinking7" value="7">其他
				<input type="text" name="graduatethinking" size="50" /></p>
		<p>38.企业对市面上“电子商务师”之类的资格认证的看法:</p>
			<p><input type="checkbox" name="thinking1" value="good">含金量很高,能够反映出专业的能力</p>
			<p><input type="checkbox" name="thinking2" value="helpful">能够帮助我们培养和选择相关层次的人才</p>
			<p><input type="checkbox" name="thinking3" value="justsoso">没有针对性,难以确定能够胜任特定的工作</p>
			<p><input type="checkbox" name="thinking4" value="useless">名不副实,没有反映出相应的专业能力</p>
		<p>39.您认为企业要进一步发展电子商务,需要所在地方*哪些支持?</p>
		<p><input type="text" name="support1" size="100" /></p>
		<p><input type="text" name="support1" size="100" /></p>
		<p><input type="text" name="support1" size="100" /></p>
	<br />
	<p><b>问卷填写人姓名:<input type="text1" name="writingname">
		单位负责人姓名:<input type="text1" name="privipalname">
	</b></p>
	<p><b>问卷填写人联系电话:<input type="tel" name="writingphone">
		单位盖章:<input type="text1" name="stamp">
	</b></p>
	<p><b>问卷填写日期:<input type="text1" name="writingtime">
	</b></p>
</div>
<div>
<br />
<br />
<tr>
	<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
	<td><bi><input type="submit" name="Submit" value="提交" /></bi></td>
	<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
	<td><input type="reset" name="Submit2" value="重置" /></td>
</tr>
<br />
<br />
</div>
</form>
</body>
</html>

<SCRIPT LANGUAGE="JavaScript"> 
var c=0,limit=4; 
function doCheck(obj) { 
	obj.checked?c++:c--; //判断多选题控件名是否被选中
	if(c>limit){ 
		obj.checked=false; 
		alert("最多可以选择4个!"); 
		c--; 
	} 
} 
</SCRIPT> 
  1. 遇到一个特别坑的点:自带浏览器不显示,导致我写的复选框限制个数无效,以及正则表达式的效果也没有!!!

  2. .也存在一些不足:页面没有全部显示,设置了宽度700px,可能也是与浏览器有关,总之很坑那个点。

  3. 还有一个坑点:用eclipse写的,但运行时报错“ The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.”
    JSP实验-简单页面设计
    解决方法https://blog.****.net/qq_36998053/article/details/89042931