`
浅浅陌上桑
  • 浏览: 1542 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

JSP第一次实验

    博客分类：
  • JSP
JSP 
阅读更多 
<!DOCTYPE html>
  <html>
  <head>
  <title>M.R博客</title>
  <style type="text/css">
 body{
  margin:0 auto;
  width:100%;
  font-size:14px;
}
#left{
   width:190px;
   float:left;
   padding:0px;
   height:300px;
}
#right{
width:60%;
height:430px;
padding:10px;
float:right;
}
img{margin-bottom:-5px;}

  </style>

        
  </head>
  <body>
  	<img src="01.gif" src="02.gif" width=100%>
    <img src="02.gif" align="left" width="5%"/>
    <img src="04.gif" align="right" width="6.3%"/>
    	
    <div id="left" style="height:600px; border-right:2px #00cc00 solid;" >  
    <img src="reg.gif"><b>&nbsp注册帮助&nbsp&nbsp</b><br/></br><br></br>
  <a href="#">会员名:为会员登录网站的通行证,长度控制在3-20个字符之内. </a></br><br></br>
  <a href="#">密码:请设定在6-20位之间. </a></br><br></br>
  <a href="#">确认密码:确认密码必须与密码一致. </a></br><br></br>
  <a href="#">Email:请填写有效的Email地址,以便于与您联系. </a></br><br></br>
  </div> 
  <div id="right"><img src="03.jpg"/>
  <form action="index2.html"  method="post" onSubmit="return check();">
  	<pre>
   用户名: <input type="text" id="account" name="account"  placeholder="长度控制3-20个字符之间" onblur="check()"/>
            <span id="accountText" ></span>
   密    码:<input type="password" id="password" name="password" placeholder="请设定在6-20位之间" onblur="check()"/>
            <span id="passwordText" ></span>
   确认密码:<input type="password" id="repassword" name="repassword" onblur="check()"/>
             <span id="repasswordText" ></span>
   性     别:<input type="radio" name="sex" value="male" checked="checked"/>男  <input type="radio" name="sex" value="female" />女
  
   E-mail:<input type="text" id="email" name="email" onblur="check()"/>
            <span id="emailText" ></span>

  <input  type="submit"  value="提交"/> <input  type="reset"  value="重置"/>
</pre>
    </form>
  </body> 
  </html>
  
   
      
	<script type="text/javascript">
		function check(){
               var account = document.getElementById('account').value;
               var accountText=document.getElementById("accountText");
               if(account==''){
                          accountText.innerHTML="<span style='color:#cc0000'>用户名不能为空</span>";
                          return false;
                     }else if(account.match(/^[\w]{3,20}/)!=account){
                           accountText.innerHTML="<span style='color:#cc0000'>长度控制3-20个字符之间</span>"; 
                           return false;
                     }else {
                           accountText.innerHTML="有效用户";
                           }
               
               var password = document.getElementById('password').value;           
               var passwordText=document.getElementById('passwordText');                                                                  
                    if(password==''){
                           passwordText.innerHTML="<span style='color:#cc0000'>密码不能为空</span>";
                           return false;
                    }else if(password.match('.{6,20}')!=password){
                           passwordText.innerHTML="<span style='color:#cc0000'>密码必须是6-20位</span>";
                           return false;
                    }else{
                           passwordText.innerHTML="有效密码";
                         }
                    
                    
                    var password = document.getElementById('password').value;    
                    var repassword = document.getElementById('repassword').value;                    
                    var repasswordText=document.getElementById("repasswordText");
                     if(repassword!=password){
                          repasswordText.innerHTML="<span style='color:#cc0000'>两次密码输入不一致</span>";
                           return false;
                       }else{
                          repasswordText.innerHTML="符合要求";
                             }
                                           
                  var email = document.getElementById('email').value;
                  var emailText=document.getElementById("emailText");
                       if(email.match('\\w+@\\w+[\.\\w+]+')!=email){
                    	   emailText.innerHTML="<span style='color:#cc0000'>email格式错误  </span>"; 
                               return false;
                         }else{
                           emailText.innerHTML="email有效";
                       }  
		}
	</script>

 

<!DOCTYPE html>
<html>
<head>
<title>Questionnaire</title>
<style type="text/css">
body{
  background:url(my.jpg) no-repeat fixed;
}
.headline{
	font-size:48px;
	text-align:center;
	font-weight:900;
	font-family:黑体，隶书；
	}
</style>
</head>
<form action="" >
<body>

   <p class="headline">企业电子商务调查问卷</p>

<table border="0">
  
  <tr>
  <td>企业名称:</td>
    <td><input type="text" name="userid"/></br>
    </td>
  </tr>
  <tr> 
    <td>注册地:</td>
    <td><input type="text" name="address"/></td><br/>
  </tr> 
  <tr>
    <td>企业成立时间:</td>
    <td><input type="date" name="date" /> </td>
   </tr><br/>

</table>

  <tr>
      <td>您所在企业网站的更新周期是多长时间？</td>
      <td><select name="select">
        <option value="01">每天</option>
        <option value="02">每周</option>
        <option value="03">每月</option>
        <option value="04">每季度</option>
        <option value="05">每半年</option>
        <option value="06">半年以上</option>
      </select></td>
    </tr><br/>
<tr><td>企业所在行业:</td>
    <td><input type="radio" name="aa"value="流程型制造业"checked="checked" /> 流程型制造业</td>
    <td><input type="radio" name="aa"value="离散型制造业"checked="checked" />离散型制造业 </td>
    <td><input type="radio" name="aa"value="混合型企业"checked="checked" /> 混合型企业</td>
    <td><input type="radio" name="aa"value="旅游服务业"checked="checked" />旅游服务业 </td>
    <td><input type="radio" name="aa"value="餐饮服务业"checked="checked" />餐饮服务业 </td>
    <td><input type="radio" name="aa"value="信息服务业"checked="checked" />信息服务业 </td>
    <td><input type="radio" name="aa"value="金融服务业"checked="checked" /> 金融服务业</td>
    <td><input type="radio" name="aa"value="物流服务业"checked="checked" /> 物流服务业</td>
    <td><input type="radio" name="aa"value="其他"checked="checked"/>其他<textarea name="textfield" rows="1"></textarea></td><br/>

    <form action="" method="post"  >

    您所在企业的商业往来通信方式有哪些：
     <input type="checkbox" name="bb"value="电子数据交换（EDI）" />电子数据交换（EDI）
     <input type="checkbox" name="bb"value="互联网internet" />互联网internet
     <input type="checkbox" name="bb"value="电话线路tel.fax" />电话线路tel.fax
     <input type="checkbox" name="bb"value="传统邮政"/>传统邮政</td>
    <input type="checkbox" name="bb"value="其他" />其他<input type="txt" name="txtfile" rows="3"/>
   
</form>

	<tr>																																																																																																																													
     <td>其他意见或建议：</td><br/>
     &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<td><textarea name="textfield" rows="10" cols="80"></textarea></td>
   </tr><br/>
   <tr>
     <td>  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;</td>
     <td><input type="submit" name="submit" value="提交" onclick="alert('提交成功')"/></td>&nbsp;&nbsp;&nbsp;
     <td><input type="reset" name="reset" value="重置"></td>
   </tr>

</form>
</body>
</html>


<script type="text/javascript">
function init(){
var cs=document.getElementsByName("bb");
for(var i=0;i<cs.length;i++){
cs[i].onclick=function(){
var num=0;
for(var i=0;i<cs.length;i++){
if(cs[i].checked){
num++;
}
}
if(num>=2){
for(var i=0;i<cs.length;i++){
if(!cs[i].checked){
cs[i].disabled="disabled";
}
}
}else{
for(var i=0;i<cs.length;i++){
if(!cs[i].checked){
cs[i].disabled=false;
}
}
}
}
}
}
window.onload=init;
</script>

 

分享到：
jsp简单静态网页
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JSP实验5（10月6日）的源程序

    JSP实验5（10月6日）的源程序: 1.计时器 2.response对象的重定向功能。 3.练习加法的网页

    JSP基础教程（第2版）实验练习与提高

    本书的第一部分为8次上机实践的内容，通过一系列实验练习使学生巩固所学的知识。每个实验主要由相关知识点、实验目的、实验要求、效果示例和参考代码组成。在进行实验之前，首先通过实验目的了解实验要完成的关键...

    [全套源码]JSP程序设计（第2版）上机实验与综合实训 耿祥义、张跃平

    本书第一部分包括8次上机实践内容，通过一系列实验练习使学生巩固所学的知识。每个实验主要由相关知识点、实验目的、实验要求、效果示例和参考代码组成。在进行实验之前，首先通过实验目的了解实验要完成的关键主题...

    简单的网上订书系统jsp

    该项目是一个简单的网上订书系统。里面功能简单，适合初学者学习，简单jsp用法。虽然功能简单，但是却很容易理解，。适合第一次学jsp的人

    jsp简单在线聊天室

    本聊天室实现功能齐全，运用session和application，去实现在线聊天！！最后又一个注销页面

    JSP分页技术实现.mht

    二是如果数据量非常大时第一次查询遍历结果集会耗费很长时间，并且缓存的数据也会占用大量内存，效率明显下降。 　其它常见的方法还有每次翻页都查询一次数据库，从ResultSet中只取出一页数据（使用rs.last();rs....

    JMeter实验报告.doc

    现在我们开始填充一 个测试计划的内容，这个测试计划 " "向一个jsp文件和一个servlet发出请求，我们需要JMeter模拟五个请求者（也就是五个线" "程），每个请求者连续 请求两次。 " ----------------------- JMeter...

    很好的一个jsp分页

    二是如果数据量非常大时第一次查询遍历结果集会耗费很长时间，并且缓存的数据也会占用大量内存，效率明显下降。 　其它常见的方法还有每次翻页都查询一次数据库，从ResultSet中只取出一页数据（使用rs.last();rs....

    web实验报告

    在进行课程设计时会有图书管理题目，这个实验报告就是课程设计时做的

    JSP分页(技术)代码

    二是如果数据量非常大时第一次查询遍历结果集会耗费很长时间，并且缓存的数据也会占用大量内存，效率明显下降。 　其它常见的方法还有每次翻页都查询一次数据库，从ResultSet中只取出一页数据（使用rs.last();rs....

    20150726-Linux系统及程序设计实验全部代码+4种动态网页语言完成综合性实验+2000字综合性实验报告详细

    完成课本实验6第一题：菜单驱动程序。 题目创建人 题目注释 本题为当天提交，把程序文件以附件形式提交即可。 题目名称 linux shell程序设计实验1 题目关键字 linux shell程序设计实验1 题目录入...

    jspPageControlor分页插件11.2版

    参数sizePage表示一次查几条记录。返回一个list对象(该list对象可以是 一个记录集，也可以是一个POJO类对象) (2)、public int getCount()，查询该表中的记录总数，返回一个int对象。 (3)、public void close()...

    Java 2实用教程（第三版）实验指导与习题解答

    Java 2实用教程（第三版）实验指导与习题解答 清华大学出版社 （编著 耿祥义 张跃平） 实验模版代码 建议使用文档结构图 （选择Word菜单→视图→文档结构图） 上机实践1 初识Java 4 实验1 一个简单的应用程序 ...

    JspPageControlor分页插件

    参数sizePage表示一次查几条记录。返回一个list对象(该list对象可以是 一个记录集，也可以是一个POJO类对象) (2)、public int getCount()，查询该表中的记录总数，返回一个int对象。 (3)、public void ...

    基于ssm框架实现的java手机销售网站jsp项目.zip

    可二次修改为图书商城、服装商城、宠物商城、动漫商城、零食商城、鲜花商城等多种电商主题商城管理系统。用户功能：登录注册、个人中心编辑、商品评价、搜索功能、收藏功能、加入购物车、下单功能等；管理员功能：...

    高校成绩管理数据库系统的设计与实现.doc

    各表的数据输入方式不作特别要求，但关于数据的插入、修改和删除等命令需 具体执行一次，并分别将运行窗口剪贴到实验报告中,开发的应用系统主要运 行窗口也要剪贴到实验报告中。 需求中提出的查询或统计结果，请将...

    JAVA自学之路

    在这儿之后，你可以选择向J2ME、或者Java GUI、Socket编程等方向努力，但是通过第一篇的办法，你可以很容易就将这方向过滤掉（永远不要忘了我们是为了就业），好吧，暂时和它们诀别，还是向着J2EE的方向前进吧。...

    达内 coreJava 习题答案

    //第一个4，可看作分母为1 的分式，以后的分母每次递增2 for (int i = 0; i ; i++){ //运行老久，减少循环次数会快很多，只是精确度小些 pi += (fenZi/fenMu) ; fenZi *= -1.0; //每项分子的变化是+4，－4，+4，...

Magicbox
Global site tag (gtag.js) - Google Analytics