<!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> 注册帮助  </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/>
        <td><textarea name="textfield" rows="10" cols="80"></textarea></td>
</tr><br/>
<tr>
<td>                  </td>
<td><input type="submit" name="submit" value="提交" onclick="alert('提交成功')"/></td>
<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会被转换成一个Servlet类，并在后续请求中重用。 3. **脚本元素**：Scriptlets（`<%...%>`）用于编写Java代码块，它们在服务器端执行并生成HTML响应。表达式（`${...}`）则会将Java表达式的值...
"JSP上机实验报告" 在本实验报告中，我们将学习如何使用 HTML 语言编写静态网页，并且了解 JSP 在 Web 开发中的应用。 知识点1：HTML基本结构 在 HTML 中，基本结构包括 `<HTML>`、`<HEAD>`、`<TITLE>`、`<BODY>`...
在本JSP实验5中，我们主要探讨了三个核心知识点：计时器的实现、Response对象的重定向功能以及一个简单的网页加法练习。以下是详细的内容解析： 首先，"1_time.jsp"文件涉及的是计时器功能的实现。在JSP中，计时器...
在Web开发领域，第一次实验通常会涉及基础概念的实践，为后续的学习打下坚实的基础。作为计算机专业大三学生的必修课程，Web程序设计旨在让学生掌握网页制作与服务器端编程的核心技能。这次实验报告可能涵盖了以下...
本书的第一部分为8次上机实践的内容，通过一系列实验练习使学生巩固所学的知识。每个实验主要由相关知识点、实验目的、实验要求、效果示例和参考代码组成。在进行实验之前，首先通过实验目的了解实验要完成的关键...
【JAVA WEB第五次实验】是关于在Java Web应用中使用Java Bean的一次实践操作，主要目的是让学生掌握如何在JSP页面中有效地利用Java Bean来处理数据和实现业务逻辑。Java Bean是一种符合特定规范的Java类，它封装了...
【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中...
- **实验1**：利用`Date`对象获取系统当前时间，并根据小时数判断输出“上午好”、“下午好”或“晚上好”，通过`response.setHeader("refresh", "1")`设置页面每秒刷新一次。 - **实验2**：展示了JSP如何计算一个...
本书第一部分包括8次上机实践内容，通过一系列实验练习使学生巩固所学的知识。每个实验主要由相关知识点、实验目的、实验要求、效果示例和参考代码组成。在进行实验之前，首先通过实验目的了解实验要完成的关键主题...
【标题】"jsp简单在线聊天室"是一款基于JavaServer Pages（JSP）技术构建的简易实时通讯应用，它允许用户进行在线交流。该系统利用了Web服务器与客户端之间的交互机制，实现了基本的聊天功能，包括发送消息、接收...
【标签】"实验二"提示我们这是学习过程中的一个阶段，可能涉及了第一次实验中的基本概念回顾，以及新的JSP技术的引入和实践，如JSP语法、内置对象、指令、动作元素、EL（表达式语言）和JSTL（JSP标准标签库）等。...
Session 对象是一个 JSP 内置对象，它在第一个 JSP 页面被装载时自动创建，完成会话期管理。从一个客户打开浏览器并连接到服务器开始，到客户关闭浏览器离开这个服务器结束，被称为一个会话。 Session 对象的 Id ...
总的来说，这个项目为学习者提供了一次全方位的Web开发实践机会，无论是对于初学者还是经验丰富的开发者，都有很大的学习价值。通过这个系统，你可以学习到如何结合JSP和SQL构建一个实用的WEB应用，如何设计和实现...
**第一部分：四则运算** 1. 用户首先需要通过表单输入他们的姓名，然后选择运算符号（加、减、乘、除）。这在`b.jsp`中完成，通过`request.getParameter()`方法获取用户在表单中输入的值。`username`参数用于获取...
1. 初始化计数器：在服务器启动时或者第一次有用户访问时，我们需要初始化计数器。这可以通过在Servlet的`init()`方法中完成，或者在JSP中使用`application`对象的`getAttribute()`和`setAttribute()`方法。 2. ...
对于JSP页面，我们需要两个：一个是用户输入三角形边长的表单页面，另一个是显示计算结果的页面。输入页面应包含三个输入框供用户输入边长，以及提交按钮。结果显示页面则会显示计算出的三角形面积。 接下来，我们...
- **编译过程**：当第一次访问一个JSP页面时，服务器会将其转换成Servlet，然后编译为字节码文件执行。 #### 知识点二：Caché数据库简介 Caché是由InterSystems公司开发的一款高性能、可扩展的对象关系数据库...
在设计实验室管理系统的过程中，我们学习了很多新的知识和技能，巩固了所学的书本知识，感觉第一次独自设计一个系统是从头再学习的过程。 八、系统设计难点 在设计实验室管理系统的过程中，我们遇到了很多的难点，...
有任何使用上的问题，欢迎随时与博主沟通，博主看到后会第一时间及时解答。 开发语言：Java 框架：ssm 技术：JSP JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7（一定要5.7版本） 数据库工具：Navicat11 开发...