html用户登陆界面代码

学生登陆界面源代码

<%@page contentType="text/html;charset=utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>学生登陆</title><style type="text/css"></style><script type="text/javascript" src="../js/jquery-1.4.3.js"></script> <script type="text/javascript" >//标识各项是否通过var flag={"name":false,"password":false};$(function(){//用户email非空，格式检查$('#txtStudentname').blur(function(){$(this).html("");var emailTXT=$('#txtStudentname').val().trim();if(emailTXT==""){$("#name\\.info").html("name地址不能为空");return;}flag.email=true;$("#name\\.info").html("<imgsrc='../image/label3_s.gif'/>");});});//密码项:非空,长度6-20字符$(function(){$("#txtPassword").blur(function(){$("#password\\.info").html("");var passwordTXT=$("#txtPassword").val().trim();//检查非空if(passwordTXT==""){$("#password\\.info").html("密码不能为空");return;}});});//表单提交事件$("#f").submit(function(){var ok=flag.email&&flag.password;if(!flag.email){$('login\\.info').html("用户名不能为空");return;//不做任何处理或者给个操作提示}if(!flag.password){$('login\\.info').html("密码不能为空");return;//不做任何处理或者给个操作提示}return true;} );</script></head><body><form action="../student/login.action" method="post" id="f"><table width="1189" height="460" bordercolor="#03BAa0"><tr><td height="152" colspan="3"><img src="../image/title.jpg"width="1217" height="147" /><div id="Layer2"><strong>欢迎您！</strong></div><divclass="STYLE1" id="Layer1"><div align="center"><strong><span class="STYLE3">C</span>语言考试系统</strong></div></div></td></tr><tr><td> </td><td width="398" bgcolor="#03BAa0"><div align="center" class="STYLE5"> <div align="center">学生登陆</div></div></td><form id="form1" name="form1" method="post"action="../student/login.action"><td height="79"> </td></tr><tr align="center"><td width="382" rowspan="2"> </td><td height="150" bgcolor="#03BAa0"><p align="center" class="STYLE8">用户名<input type="text" name="name" id="txtStudentname" /><a id="" style="color:red"></a></p><p align="center" class="STYLE4"><span class="STYLE8">密码<input type="text" name="password" id="txtPassword" /><a id="" style="color:red"></a></span></p></td><td width="403" height="325" rowspan="2"><div align="center"></div> <div align="center"></div></td></tr><tr align="center"><td height="23" bgcolor="#03BAa0"><div align="center"><input type="submit" bgcolor="#03BAa0" name="Submit" value="提交" />  <input type="submit" bgcolor="#03BAa0"name="Reset" value="取消" /><span id="" style="color:red"></span></div></td></tr><tr><td colspan="3" bgcolor="#03BAC9"><span class="STYLE4">太原师范计算机系</span></td></tr></table></body></html>。

java通过HtmlUnit工具和J4L实现模拟带验证码登录

java通过HtmlUnit⼯具和J4L实现模拟带验证码登录1.HtmlUnit1.1介绍HtmlUnit是⼀个⽤java编写的⽆界⾯浏览器，建模html⽂档，通过API调⽤页⾯，填充表单，点击链接等等。

如同正常浏览器⼀样操作。

典型应⽤于测试以及从⽹页抓取信息。

官⽅简介翻译HtmlUnit是⼀个⽆界⾯浏览器Java程序。

它为HTML⽂档建模，提供了调⽤页⾯、填写表单、单击链接等操作的API。

就跟你在浏览器⾥做的操作⼀样。

HtmlUnit不错的JavaScript⽀持(不断改进)，甚⾄可以使⽤相当复杂的AJAX库，根据配置的不同模拟Chrome、Firefox或Internet Explorer等浏览器。

HtmlUnit通常⽤于测试或从web站点检索信息。

1.2使⽤场景httpClient的局限性对于使⽤java实现的⽹页爬⾍程序，我们⼀般可以使⽤apache的HttpClient组件进⾏HTML页⾯信息的获取，HttpClient实现的http请求返回的响应⼀般是纯⽂本的document页⾯，即最原始的html页⾯。

对于⼀个静态的html页⾯来说，使⽤httpClient⾜够将我们所需要的信息爬取出来了。

但是对于现在越来越多的动态⽹页来说，更多的数据是通过异步JS代码获取并渲染到的，最开始的html页⾯是不包含这部分数据的。

上图我们所见到的⽹页，在最初的document加载完成之后，并不会看到红框中的数据列表。

浏览器通过执⾏异步JS请求，将获取到的动态数据，渲染到最初的document页⾯中，才最终变成了我们看到的⽹页。

⽽对于这部分需要执⾏JS代码获取的数据，httpClient就显得⽆能为⼒了。

虽然我们可以通过研究拿到JS执⾏的请求路径再⽤java代码获取我们需要的这部分数据，且不说我们能不能够从JS脚本中分析到这个请求路径和请求参数，光是分析这部分源码的代价就已经很⾼了。

HtmlUnit来解决通过上⾯的介绍，我们了解了现在很⼤⼀部分动态⽹页，展现的数据都是通过异步JS请求获取，然后再通过JS对页⾯进⾏渲染得到的。

html代码大全_很全

Html网页的代码很全哦1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>消除连接的下划线在新窗口打开连接：<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>5)字体加粗：<b>写上你想写的字</b>6)字体斜体：<i>写上你想写的字</i>7)字体下划线: <u>写上你想写的字</u>8)字体删除线: <s>写上你想写的字</s>9)字体加大: <big>写上你想写的字</big>10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>13)贴音乐：<embed src=音乐地址width=300 height=45 type=audio/mpeg autostart="false">14)贴flash: <embed src="flash地址" width="宽度" height="高度">15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行：<br>17)段落：<p>段落</p>18)原始文字样式：<pre>正文</pre>19)换帖子背景：<body background="背景图片地址">20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>/----------------------------------------HTML特效代码--------------------------------/1。

HTML+CSS实现动态背景登录页面

HTML+CSS实现动态背景登录页⾯1. 实现背景图⽚的动态变换⾸先在HTML页⾯body板块中，添加图⽚div，代码如下：<body><div class="bgk"><div class="bgk-image" style="background-image: url('${pageContext.request.contextPath}/img/1.jpg')"></div><div class="bgk-image" style="background-image: url('${pageContext.request.contextPath}/img/2.jpg')"></div><div class="bgk-image" style="background-image: url('${pageContext.request.contextPath}/img/3.jpg')"></div><div class="bgk-image" style="background-image: url('${pageContext.request.contextPath}/img/4.jpg')"></div></body>再对图⽚进⾏css设计。

你要对图⽚进⾏⼤⼩定位，那么以下代码肯定要⾸先编写：`.bgk {margin: auto;position: absolute;width: 1366px;height: 672px;overflow: hidden; /*溢出部分隐藏*/}`位置设定ok以后，那么再对⾥⾯的图⽚进⾏设置。

ASP登录代码介绍

ASP登录代码介绍1（index.asp 用户登录页面）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>会员</title><style type="text/css"></style></head><body><center><p>会员注册系统</p><form name="form1" method="post" action="login.asp"><table width="34%" border="0"><tr><td width="33%" height="30">用户名:</td><td width="67%" height="30"><input name="username" type="text" id="username" size="15"></td></tr><tr><td height="30">密码:</td><td height="30"><input name="password" type="password" id="password" size="15"></td></tr><tr><td colspan="2" align="center"><input type="submit" name="Submit" value="确定"><input type="reset" name="Submit" value="重置"></td></tr><tr><td colspan="2"><a href="reg.asp" target="_self">注册</a></td></tr></table></form></center></body></html>2（login.asp 用户数据处理文件）<%'打开数据库判断用户是否存在,info为表名,username为字段名set rsc=server.createobject("adodb.recordset")sqlc="select * from info where username='"&request.Form("username")&"' and password='"&request.Form("password")&"'"rsc.open sqlc,conn,1,1session("username")=rsc("username")session("password")=rsc("password")session.Timeout=30set rsc=nothingresponse.Redirect("change.asp")'如果用户不存在,session("username")为空%>3（change.asp 用户信息修改页面）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>修改</title><style type="text/css"></style></head><center><body><br><%set rsc=server.createobject("adodb.recordset")sqlc="select * from info where username='"&session("username")&"' and password='"&session("password")&"'"rsc.open sqlc,conn,1,1nr=rsc("password")username=rsc("username")password=rsc("password")sex=rsc("sex")qq=rsc("qq")mail=rsc("mail")add=rsc("add")personalinfo=rsc("personalinfo")vv=rsc("ntime")set rsc=nothingif nr="" thenresponse.Redirect("index.asp")end ifif strcomp(nr,request.Form("password"))=0 thenresponse.Write("欢迎你！"&request.Form("username"))response.Write("你是在"&vv&"注册的")session("username")=request.Form("username")end ifif session("username")="" thenresponse.Redirect("index.asp")end if%><form name="form1" method="post" action="change.asp?ac=ch"><table width="39%" height="105" border="0" ><tr><td width="27%" height="30">用户名：</td><td width="73%" height="30"><input name="username" type="text" id="username" value="<%=username%>">*</td></tr><tr><td height="30">密码：</td><td height="30"><input name="password" type="text" id="password" value="<%=password%>">*</td></tr><tr><td height="30">性别：</td><td height="30"><input name="sex" type="text" id="sex" value="<%=sex%>"></td></tr><tr><td height="30">QQ：</td><td height="30"><input name="qq" type="text" id="qq" value="<%=qq%>"></td></tr><tr><td height="30">Mail：</td><td height="30"><input name="mail" type="text" id="mail" value="<%=mail%>"></td></tr><tr><td height="30">地址：</td><td height="30"><input name="add" type="text" id="add" value="<%=add%>"></td></tr><tr><td>介绍</td><td><textarea name="personalinfo" cols="30" rows="6" id="personalinfo"><%=personalinfo%></textarea></td></tr><tr><td> </td><td><input type="submit" name="Submit" value="修改"><a href="change.asp?se=y" target="_self">退出系统</a></td><% if strcomp(request.QueryString("se"),"y")=0 thensession("username")=""response.Redirect("index.asp")end if%></tr></table></form><%if strcomp(request.QueryString("ac"),"ch")=0 thenset rs=server.createobject("adodb.recordset")sql="select * from info where username='"&session("username")&"'"rs.open sql,conn,1,3rs("username")=request.Form("username")rs("password")=request.Form("password")rs("mail")=request.Form("mail")rs("sex")=request.Form("sex")rs("qq")=request.Form("qq")rs("add")=request.Form("add")rs("personalinfo")=request.Form("personalinfo")rs.updateset rs=nothingresponse.Write("修改完成！")end if%></body></center></html>4（reg.asp 新用户注册页面）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>用户注册</title><style type="text/css"></style></head><body><center>用户注册<br><%=request.QueryString("msg")%><form name="form1" method="post" action="addnewdata.asp?ac=adduser"><table width="39%" height="105" border="0" ><tr><td width="27%" height="30">用户名：</td><td width="73%" height="30"><input name="username" type="text" id="username"> *</td></tr><tr><td height="30">密码：</td><td height="30"><input name="password" type="password" id="password">*</td></tr><tr><td height="30">确定密码：</td><td height="30"><input name="password2" type="password" id="password2">*</td></tr><tr><td height="30">性别：</td><td height="30"><input name="sex" type="text" id="sex"></td></tr><tr><td height="30">QQ：</td><td height="30"><input name="qq" type="text" id="qq"></td></tr><tr><td height="30">Mail：</td><td height="30"><input name="mail" type="text" id="mail"></td></tr><tr><td height="30">地址：</td><td height="30"><input name="add" type="text" id="add"></td></tr><tr><td>个人介绍</td><td><textarea name="personalinfo" cols="30" rows="6" id="personalinfo"></textarea></td> </tr><tr><td> </td><td><input type="submit" name="Submit" value="提交"></td></tr></table></form></center></body></html>5（addnewdata.asp 新用户注册数据处理文件）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>成功</title></head><body><%ac=request.QueryString("ac")msg="注册错误信息"if request.Form("username")="" thenmsg=msg&"<br>"&"用户名不能为空"end ifif strcomp(cstr(request.Form("password")),cstr(request.Form("password2")))<>0 thenmsg=msg&"<br>"&"两次密码输入不同"end ifif len(request.Form("password"))<6 thenmsg=msg&"<br>"&"密码太简单"end ifif strcomp(msg,"注册错误信息")>0 thenresponse.Redirect("reg.asp?msg="&msg)end ifif ac="adduser" thenset rsc=server.createobject("adodb.recordset")sql="select * from info where username='"&request.Form("username")&"'" rsc.open sql,conn,1,1ck=rsc("username")set rsc=nothingif ck<>"" thenmsg=msg&"<br>"&"用户名被人注册"response.Redirect("reg.asp?msg="&msg)end ifdsql="select * from info where id is null"set rs=server.createobject("adodb.recordset")rs.open dsql,conn,1,3rs.addnewrs("username")=request.Form("username")rs("password")=request.Form("password")rs("mail")=request.Form("mail")rs("sex")=request.Form("sex")rs("qq")=request.Form("qq")rs("add")=request.Form("add")rs("personalinfo")=request.Form("personalinfo")rs("ntime")=nowrs.updateset rs=nothing%><center><a href="index.asp" target="_self">注册成功,点击登陆</a></center><%end if%></body></html>6（conn.asp 数据库连接文件）<%'连接数据库开始dim conn,rs,sqlon error resume nextdbpath=server.mappath("userinfo.mdb")set conn=server.createobject("adodb.connection")conn.open "PROVIDER=Microsoft.jet.OLEDB.4.0;data source="&dbpath '创建记录对象set rs=server.createobject("adodb.recordset")%>7（userinfo.mdb ACCESS 数据库）在ACCESS中建一个表，然后在这个表中建立字段名称表名：info字段名称数据类型id 自动编号username 文本password 文本sex 文本quest 文本qq 文本mail 文本personalinfo 文本ntime 文本。

html网页添加注册与登陆代码

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width="90%" border="1" align="center" cellpadding="10" cellspacing="0">
<tr>
<td><a href="/webjx/"";index.asp">首页</a>
<%
if session("name")="" then
%>
<a href="/webjx/"";reg.asp">注册</a> <a href="/webjx/"";login.asp">登陆</a>
<a href="/webjx/"";pwd.asp">忘记密码？</a> <%
response.end()
end if
sql="select * from user"

网页HTML代码大全

⽹页HTML代码⼤全1.结构性定义⽂件类型 <HTML></HTML> （放在档案的开头与结尾）⽂件主题 <TITLE></TITLE> （必须放在「⽂头」区块内）⽂头 <HEAD></HEAD> （描述性资料，像是「主题」）⽂体 <BODY></BODY> （⽂件本体）（由浏览器控制的显⽰风格）标题 <H?></H?> （从1到6，有六层选择）标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>区分 <DIV></DIV>区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引⽂区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）强调 <EM></EM> （通常会以斜体显⽰）特别强调 <STRONG></STRONG> （通常会以加粗显⽰）引⽂ <CITE></CITE> （通常会以斜体显⽰）码 <CODE></CODE> （显⽰原始码之⽤）样本 <SAMP></SAMP>键盘输⼊ <KBD></KBD>变数 <VAR></VAR>定义 <DFN></DFN> （有些浏览器不提供）地址 <ADDRESS></ADDRESS>⼤字 <BIG></BIG>⼩字 <SMALL></SMALL>与外观相关的标签（作者⾃订的表现⽅式）加粗 <B></B>斜体 <I></I>底线 <U></U> （尚有些浏览器不提供）删除线 <S></S> （尚有些浏览器不提供）下标 <SUB></SUB>上标 <SUP></SUP>打字机体 <TT></TT> （⽤单空格字型显⽰）预定格式 <PRE></PRE> （保留⽂件中空格的⼤⼩）预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）向中看齐 <CENTER></CENTER> （⽂字与图⽚都可以）闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）字体⼤⼩ <FONT SIZE=?></FONT>（从1到7）改变字体⼤⼩ <FONT SIZE=+|-?></FONT>基本字体⼤⼩ <BASEFONT SIZE=?> （从1到7; 内定为3）字体颜⾊ <FONT COLOR="#$$"></FONT>说明  （浏览器不会显⽰）<style type="text/css">body {scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #330033;scrollbar-arrow-color: #FFFFFF;}</style>将上⾯的代码放在叶⼦代码的<head></head>之间,颜⾊可根据⾃⼰的需要修改。

html用户登陆界面代码

</tr>
</table>
</form>
</body>
</html>
<input type="submit" name="Submit" value="提交" />
</label> <label>      
<input type="submit" name="Submit2" value="重置" />
</label></td>
charsetgb2312title用户注册titleheadbodyformidform1nameform1methodpostactionaligncenter用户注册ptablewidth296border1aligncenterbgcolor00ff99trtdwidth98heig4;182"><label>
<input name="user_name" type="text" id="user_name" />
</label></td>
</tr>
<tr>
<td height="36">密码：</td>
<td><label>
<input name="user_pass1" type="text" id="user_pass1" />

网页登陆代码

width:500px;
height:30px;
border-bottom-color:#000;
border-bottom-style:groove;
border-bottom-width:2px;
line-height:30px;
font-weight:bold;
background-color:#999;
<br/><br/>
<input type="reset" value="重置" style="width:100px height:30px; background-cloor"#666; border-style:hidden;"/>
<input type="submit" value="登录" style="width:100px height:30px; background-cloor"#666; border-style:hidden;"/>
<br/>
用户:<input type="text" style="width:200px height:30px; background-cloor"#999; border-style:hidden;"/>
<br/><br/>
密码:<input type="password" style="width:200px height:30px; background-cloor"#999; border-style:hidden;"/>

html5注册页面示例代码

代码如下:<!doctype html><html><head><title>register.html</title><meta http-equiv=keywords content=keyword1,keyword2,keyword3> <meta http-equiv=description content=this is my page><meta http-equiv=content-type content=text/html; charset=utf-8><link rel=shortcut icon href=favicon.ico /><link rel=stylesheet type=text/css href=css/register.css /><script src=js/checkbox.js type=text/javascript></script><script type=text/javascript>function play(){document.getelementbyid(menu_item).style.display = ;}function noplay(){document.getelementbyid(menu_item).style.display = none;}function passwd(){var pass = document.getelementbyid(password).value;var tip = document.getelementbyid(tip);if (pass.length < 4) {document.getelementbyid(meter).value = pass.length;tip.innerhtml = 差;}elseif (pass.length <= 8) {document.getelementbyid(meter).value = pass.length;tip.innerhtml = 中;}else {document.getelementbyid(meter).value = pass.length;tip.innerhtml = 高;}}</script></head><body><div id=3 style=position: relative; top: 100px; z-index: 3;><form id=f1 action=register.html method=post><table align=center cellspacing=0 class=table><td align=center>会员注册</td></tr><tr><td><table id=registertable border=0px align=center border=0px cellspacing=0 cellpadding=5px><tr><tr><td align=right>员工编号：</td><td align=left><input type=text name=username placeholder=用户名required/></td></tr><tr><td align=right>密码：</td><td align=left><input type=password name=password id=password placeholder=密码required onkeyup=passwd()/><meter min=1 max=10 low=5 high=8 value=0 id=meter></meter><span id=tip></span></td></tr><tr><td align=right>密码确认：</td><td align=left><input type=password name=password2 placeholder=确认密码required/></td></tr><tr><td align=right>生日：</td><input type=date name=borthday /></td></tr><tr><td align=right>性别：</td><td align=left><input type=radio name=gender value=0 checked/>男<input type=radio name=gender value=1/>女</td></tr><tr><td align=right>邮箱：</td><td align=left><input type=email name=email placeholder=邮箱id=email required/></td></tr><tr><td align=right>手机：</td><td align=left><input type=tel pattern=[0-9]{11} id=p name=phone placeholder=请输入11位数字/> </td></tr><tr><td align=right>地址：</td><td align=left><input type=text name=address placeholder=地址list=l/><datalist id=l><option value=sh>上海</option><option value=bj>北京</option><option value=js>江苏</option><option value=zz>郑州</option><option value=sz>深圳</option></datalist></td></tr><tr><td align=right>个人网页：</td><td align=left><input type=url name=page placeholder=主页网址/></td></tr><tr><td align=right>起床时间：</td><td align=left><input type=time name=bed onblur=pro()/></td></tr><tr><td align=right>头像：</td><td align=left><input type=file id=f accept=image/jpeg onchange=show()/><span><img id=img src= width=60 height=60 /></span><script>function show(){var file = document.getelementbyid(f).files[0];var filereader = new filereader();filereader.readasdataurl(file);filereader.onload = function(){document.getelementbyid(img).src = filereader.result;}}</script></td></tr><tr><td colspan=2><details><p>允许注册<mark>许可证</mark>信息</p><summary>注册许可信息</summary></details></td></tr><tr><td align=right>验证码：</td><td valign=middle><input type=text name=captcha size=11 maxlength=4 title=输入右边的验证码/><span id=span></span><script>var span = document.getelementbyid(span);span.innerhtml=math.floor(math.random());</script></td></tr><tr height=60px><td align=center colspan=2><input type=button value=转到登录onclick=window.location.replace('login.html') id=btn1 onmousemove=changebgcolor('btn1') onmouseout=recoverbgcolor('btn1') class=submit /> <input type=submit accesskey=enter value=注册id=btn onmousemove=changebgcolor('btn') onmouseout=recoverbgcolor('btn'); class=submit formmethod=post/></td></tr></table></td></tr></table></form></div></body></html>代码如下:body {background-image: url(../images/bg.jpg);text-align: center;background-repeat: repeat-x;background-position: 0px 0px ;background-size：}.table {border: 1px solid #90bfff;width:810px;}tr {font-family: 微软雅黑;font-weight:800;color: #448ef3;}input{border: 1px solid #448ef3;color: #448ef3;font-weight:bold;font-family: 微软雅黑;height: 35px;line-height: 30px;border-radius:5px;}.submit {width: 150px;height: 40px;cursor :hand;font-size: 20px;color: #ffffff;background-color: #448ef3;border: 0px;}.thead {height: 40px; background : #90bfff;font-family: 微软雅黑;font-size: 30px;font-weight: 700;color: #ffffff;background: #90bfff;}#3{margin-bottom: 100px;}代码如下:function chkallclick(sonname, cballid){var arrson = document.getelementsbyname(sonname); var cball = document.getelementbyid(cballid);var tempstate=cball.checked;for(i=0;i<arrson.length;i++) {if(arrson[i].checked!=tempstate)arrson[i].click();}}function chksonclick(sonname, cballid) {var arrson = document.getelementsbyname(sonname);var cball = document.getelementbyid(cballid);for(var i=0; i<arrson.length; i++) {if(!arrson[i].checked) {cball.checked = false;return;}}cball.checked = true;}function chkoppclick(sonname){var arrson = document.getelementsbyname(sonname);for(i=0;i<arrson.length;i++) {arrson[i].click();}}function changebgcolor(btn){var btn = document.getelementbyid(btn);btn.style.backgroundcolor = #90bfff}function recoverbgcolor(btn){var btn = document.getelementbyid(btn);btn.style.backgroundcolor = #448ef3}------------------------------------------------上面文件的顺序是：register.html register.css checkbox..js -------------------------------------------------背景图片：bg.jpg。

JSP登陆页面代码

静态的登录界面的设计login.htm，代码如下：Html代码1. <html>2. <head>3. <title>系统登录</title>4. <style type="text/css">...5. 13. </style>14. </head>15. <body bgcolor="papayawhip" width="300" height="300">16. <center>17. <table border="2" bordercolor="black" bgcolor="lightgreen">18. <tbody>19. <tr>20. <td><div align="center" class="style1 style2">系统登录21. </div></td>22. </tr>23. <form action="login.jsp" method="post">24. <tr>25. <td height="28"><span class="style5">用户名</span> <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br>26. <tr>27. <td><span class="style5">密  码</span> <input type="password" name="upwd" maxlength="20" style="width:150"></td></tr><br>28. <center>29. <tr><td><div align="center">30. <input type="submit" value="登录" >  31. <input type="reset" value="取消">32. </div></td></tr>33. </center>34. </form>35.36. </tbody>37. </table>38. </center>39. </body>40. </html><html><head><title>系统登录</title><style type="text/css">...</style></head><body bgcolor="papayawhip" width="300" height="300"><center><table border="2" bordercolor="black" bgcolor="lightgreen"><tbody><tr><td><div align="center" class="style1 style2">系统登录</div></td></tr><form action="login.jsp" method="post"><tr><td height="28"><span class="style5">用户名</span> <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br><tr><td><span class="style5">密  码</span> <input type="password" name="upwd" maxlength="20" style="width:150"></td></tr><br> <center><tr><td><div align="center"><input type="submit" value="登录" >  <input type="reset" value="取消"></div></td></tr></center></form></tbody></table></center></body></html>将登录用户输入的信息提交到login.jsp页面机型处理，这里为了方便，不执行数据库的访问操作，直接使用sky2098作为登录用户名和密码，但在实际中是要从数据库中读取的，该jsp 页面代码实现如下：Java代码1. <%@ page contentType="text/html;charset=GB2312"%>2. <%3.if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2 098")){4. session.setAttribute("login","ok");5. session.setMaxInactiveInterval(-1);6. %>7. <jsp:forward page="main.jsp"/>8. <%9. }else{10. out.println("用户名或密码输入错误！");11. }12. %><%@ page contentType="text/html;charset=GB2312"%><%if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2 098")){session.setAttribute("login","ok");session.setMaxInactiveInterval(-1);%><jsp:forward page="main.jsp"/><%}else{out.println("用户名或密码输入错误！");}%>如果登录成功，则设定login的值为ok，提交到下一步验证页面，则进入main.jsp页面，否则，如果输入的用户名和密码不合法就打印错误信息，main.jsp页面代码如下：Java代码1. <%@ page contentType="text/html;charset=GB2312"%>2. <%@ include file="checkvalid.jsp" %>3. <html>4. <head>5. <title>~WELCOME TO MY HOMEPAGE~</title>6. </head>7. <body>8. <center>9. ~WELCOME TO MY HOMEPAGE~10. </center>11. </body>12. </html><%@ page contentType="text/html;charset=GB2312"%><%@ include file="checkvalid.jsp" %><html><head><title>~WELCOME TO MY HOMEPAGE~</title></head><body><center>~WELCOME TO MY HOMEPAGE~</center></body></html>这个页面使用<% @ include file="checkvalid.jsp" %>包含了一个jsp页面checkvalid.jsp为了验证输入信息的合法性：Java代码1. <%2. if(session.getAttribute("login")==null||!session.getAttribute("login").equals("ok")){3. response.sendRedirect("login.htm");4. }5. %><%if(session.getAttribute("login")==null||!session.getAttribute("login").equals("ok")){ response.sendRedirect("login.htm");}%>如果输入信息有误，则回到登录页面，重新输入登录信息。

登录界面代码(vs)

入门篇【项目实战】打造一个自己的相册（二）登录模块2009年11月15日星期日 12:05本文原创，转载请说明，本文地址：/44498/blog/item/59db5da17d24c28146106478.html进行本次项目实战，需要有一定的C#基础知识，所以，在初期的几篇里面，我在文中尽可能的多贴图以进行示例，以后逐渐减少图片说明。

昨天已经介绍了流程和基本功能，今天简单的介绍一下用户登录模块的做法。

不要担心，非常简单。

打开Login.aspx页面，这是我们昨天设计的空白页面，用户登录，现在，我们来完善它的外观和功能。

简单的登录需要一个账号输入框，一个密码输入框，以及一个提交按钮；如图所示：当然，喜欢用的标准控件库也行，喜欢用HTML组的控件也可以。

在输入密码的时候，都是以"*"号密文显示的，那么我们要调整一下密码框的属性，指定其类型是password类型。

如图：界面设计完毕，是个什么样子呢？大概的看一下吧，还算说得过去。

【如果要更好看，当然需要美工人员的帮助】然后，该实现登录的功能了吧？先谈谈我们的目标，也就是输入账号和密码以后，如果通过验证，则跳转到Default.aspx页面，提示登录成功，反之，则给予相应的提示。

账号和密码保存在哪里呢？当然是数据库里。

好，我们来创建一个数据库吧。

【我这里使用的是SQL SERVER 2005，当然，你用其他的也行】打开红圈选中的 SQL Server Management Studio ，其实也就等同于SQL SERVER2000里的企业管理器。

然后，创建一个数据库，名称叫做PhotoDB。

如图：对着数据库三个字点击鼠标右键，选择新建数据库，然后名称输入PhotoDB。

然后，创建一个表，叫做ACCOUNT，保存我们的用户名和密码。

创建表也是可视化的向导操作，我就不截图演示了。

表结构如下：TABLE NAME ACCOUNTID USERID USERPWD初期结构就先这样，以后的模块有需要，我们再做相应的调整即可。

html开网站弹窗代码大全,网页弹窗代码大全

【3、⽤函数控制弹出窗⼝】下⾯是⼀个完整的代码。

...任意的页⾯内容...这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼝。

在调⽤它之前没有任何⽤途。

怎么调⽤呢?⽅法⼀：浏览器读页⾯时弹出窗⼝;⽅法⼆：浏览器离开页⾯时弹出窗⼝;⽅法三：⽤⼀个连接调⽤：注意：使⽤的"#"是虚连接。

⽅法四：⽤⼀个按钮调⽤：value="打开窗⼝">【4、同时弹出2个窗⼝】对源代码稍微改动⼀下：为避免弹出的2个窗⼝覆盖，⽤top和left控制⼀下弹出的位置不要相互覆盖即可。

最后⽤上⾯说过的四种⽅法调⽤即可。

注意：2个窗⼝的name(newwindows和newwindow2)不要相同，或者⼲脆全部为空。

ok?【5、主窗⼝打开⽂件1.htm，同时弹出⼩窗⼝page.html】如下代码加⼊主窗⼝区：加⼊区：即可。

【6、弹出的窗⼝之定时关闭控制】下⾯我们再对弹出的窗⼝进⾏⼀些控制，效果就更好了。

如果我们再将⼀⼩段代码加⼊弹出的页⾯(注意是加⼊到page.html的html中，可不是主页⾯中，否则...)，让它10秒后⾃动关闭是不是更酷了?⾸先，将如下代码加⼊page.html⽂件的区：function closeit(){settimeout("self.close()",10000) //毫秒}然后，再⽤这⼀句话代替page.html中原有的这⼀句就可以了。

(这⼀句话千万不要忘记写啊!这⼀句的作⽤是调⽤关闭窗⼝的代码，10秒钟后就⾃⾏关闭该窗⼝。

)【7、在弹出窗⼝中加上⼀个关闭按钮】οnclick='window.close()'>呵呵，现在更加完美了!【8、内包含的弹出窗⼝-⼀个页⾯两个窗⼝】上⾯的例⼦都包含两个窗⼝，⼀个是主窗⼝，另⼀个是弹出的⼩窗⼝。

通过下⾯的例⼦，你可以在⼀个页⾯内完成上⾯的效果。

function openwin(){openwindow=window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");//写成⼀⾏openwindow.document.write("例⼦")openwindow.document.write("bgcolor=#ffffff>")openwindow.document.write("hello!")openwindow.document.write("new window opened!")openwindow.document.write("")openwindow.document.write("")openwindow.document.close()}value="打开窗⼝">看看openwindow.document.write()⾥⾯的代码不就是标准的html吗?只要按照格式写更多的⾏即可。

实现hao123首页多邮箱登录的HTML代码

return false;
== ""){
alert("请填写密码");
document.mailForm.mail_password.focus();
return false;
}
else {
return true;
}
}
if (checkUserPass()){
</form>
document.mailForm.action = mail_action[0];
document.mailForm.u.value = User;
er.value = User;
document.mailForm.LoginName.value = User;
<option value=" /cgi-bin/login">@
<option value=" /cgi-bin/login.cgi">@
<option value=" /payment/VipLogon.jsp">@
var mail_action = ProNo.split(";");
if(mail_action.length > 1)
{
if(mail_action[1]=="suffix")
User += "@"+mail_action[2];
else
eval("document.mailForm."+mail_action[1]+".value = '"+mail_action[2]+"';");

实现登录注册页面跳转

实现登录注册页⾯跳转⾸页：程序启动时，进⼊⾸页，在⾸页可以选择的操作是：1：注册2：登录1、注册：当容器中存在⽤户输⼊的⽤户名时，或者⽤户名的长度不再6-15之间时，注册失败密码需要输⼊2次最终确定。

如果两次输⼊的密码不⼀致，或者密码长度不在6-15之间时，注册失败验证码，当⽤户名和密码都符合规范时，点击发送验证码，显⽰4位数的纯数字验证码，如果验证码输⼊错的话，注册失败；当注册成功时，将⽤户名和密码添加到指定的容器中，2、登录：只有当⽤户名和密码和验证码都正确的时候，才显⽰登录成功输⼊⽤户名和密码判断是否正确，同时验证输⼊的验证码是否正确，正确则显⽰登录成功，失败显⽰登录失败。

3、登录成功之后，在页⾯显⽰欢迎你：⽤户名，同时可以进⾏的操作如下(1) 可以选择查看所有⽤户信息，显⽰所有的⽤户名和密码。

++(2) 修改密码，修改密码前必须验证原密码，输⼊正确可以进⾏修改，输⼊错误则不能进⾏修改操作。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.12.4.js"></script></head><body><form action="登录.html">账户：<input type="" name="name" id="n" /><br />密码：<input type="password" name="password" id="p" />                     <input type="submit"/></form>再次输⼊密码：<input type="password" name="password" id="d" /><br /><input type="" id="postexe" /><button id="post">发送验证码</button><br /><button id="create">注册</button><script type="text/javascript">var xing=["zhangsan","wangwu"]var ma=[123123,111111]var flag1=false,flag2=false;var t;$("#post").click(function(){var a=$("#n").val()var b=$("#p").val()var c=$("#d").val()//⽤户名验证if(a.length<6 || a.length>15 || b.length<6 || b.length>15){alert("⽤户名长度或者密码长度有误")}else if(a == xing[0] || a == xing[1] || b == ma[0] || b == ma[1]){alert("⽤户名和密码已被注册")}else if(b != c){alert("两次输⼊的密码不同，请输⼊相同的密码")}else{t="";for(var i=0;i<4;i++){t+=Math.floor(Math.random()*10)}console.log(t)}$("#create").click(function(){var yzm=$("#postexe").val()if(yzm == t){alert("注册成功")}})})</script></body></html><!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.12.4.js"></script><style type="text/css">#div{display: none;}</style></head><body><div id="app">账户：<input type="" name="" id="mrs" value="" /><br />密码：<input type="" name="" id="word" value="" /><br /><input type="" id="postexe" /><button onclick="denglu()">发送验证码</button><br /> <button id="post">登录</button><button ><a href="注册.html">注册</a></button></div><div id="div">欢迎你<span id="huan"></span><button id="select">查看</button><span id="xinxi"></span><span id="xinxa"></span><input id="xiu"/><button id="gai">修改密码</button></div><script type="text/javascript">var xing=["zhangsan","wangwu"]var ma=[123123,111111]var flag1=false,flag2=false;var t;function denglu(){var parm=location.searchconsole.log(parm)parm=parm.substring(1)//将截取的数据通过&分割var arr=parm.split("&")//创建⼀个新的对象var obj=new Object()//对数组在进⾏循环for(var i=0;i<arr.length;i++){//将数组分割为0，1 name和数据obj[arr[i].split("=")[0]]=arr[i].split("=")[1]}console.log()console.log(obj.password)var Uname = new Array(xing.length+1)var Upwd = new Array(ma.length+1)//通过forin遍历数组将两个数组的数据赋值给⼼数组for(var x in xing){Uname[x]=xing[x];}for(var y in ma){Upwd[y]=ma[y];}//通过下表将读取的数据存放到数组最后⼀位Uname[Uname.length-1]=()Upwd[Upwd.length-1]=(obj.password)console.log(Uname)console.log(Upwd)var mr=document.getElementById("mrs").valuevar wo=document.getElementById("word").valuevar num=0;for (var ds=0;ds<Uname.length;ds++) {if(mr == Uname[ds]){for(var yy=0;yy<Upwd.length;yy++){if(wo == Upwd[yy]){num++}}}}if(num >0){t="";for(var i=0;i<4;i++){t+=Math.floor(Math.random()*10)}console.log(t)}}$("#post").click(function(){var a=$("#postexe").val()var b=$("#mrs").val()if (a == t) {alert("登录成功")$("#app").hide()$("#div").show()$("#huan").html(b)} else{alert("登陆失败")}})$("#select").click(function(){for(var x in xing){$("#xinxi").html(xing[x])}for(var y in ma){$("#xinxa").html(ma[y])}})$("#gai").click(function(){var a=parseInt(prompt("输⼊原密码"))var b=$("#xiu").val()var num=0;for (var x in ma) {if(ma[x] == a){ma[x] = b;}else{num++}}if(num > 1){alert("原密码输⼊错误")}console.log(ma)})</script> </body></html>。

登录页面HTML+CSS+JS代码

网页效果截图：源码：HTML代码（login.html）<!DOCTYPE html><html><head lang="zh-CN"><title>表单登录页面</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"><link href="login.css" rel="stylesheet" type="text/css"/><link href="dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head><body><div class="form-box"><div class="welcom"><span>欢迎您的到来</span></div><div class="input-box"><form class="form-horizontal" role="form" action="/" method="POST" enctype="text/plain"><div class="form-group "><label for="username" class="control-label col-md-3">Username:</label><div class="col-md-9"><input type="text" class="form-control" id="username" placeholder="请输入用户名"/><label class="nameinfo"></label></div></div><div class="form-group"><label for="password" class="control-label col-md-3">Password:</label><div class="col-md-9"><input type="password" maxlength="10" class="form-control" id="password" placeholder="请输入密码"/><label class="passwordinfo"></label></div></div><div class="submit-button"><button type="button"><span>Login</span></button></div></form></div></div><script src="jquery.min.js"></script><script src="dist/js/bootstrap.min.js"></script><script type="text/javascript" src="login.js"></script><noscript><div>脚本已被禁用了，〒_〒...</div></noscript></body></html>CSS代码（login.css）*{padding:0;margin:0;}body {/* overflow:scroll; */font-family:Georgia;color:#000;}.form-box {width:470px;height:296px;margin:100px auto;border:3px #ADFF2F solid;background-color:#C5FF6D;border-radius:8px;}.welcom {width:100%;height:52px;line-height:52px;text-align:center;font-size:30px;font-family:Microsoft YaHei;font-weight:bold;border-bottom:1px #ADFF2F solid; }.input-box {position:relative;width:100%;height:248px;padding-top:30px;}.form-group {width:100%;height:50px;line-height:50px;}.form-group label,.form-group input { display:block;height:40px;font-size:16px;}.submit-button button {position:absolute;top:190px;left:2%;width:96%;height:42px;line-height:42px;border-style:none;border:2px #75FF58 solid;border-radius:3px;background-color:#86FF6D;}.submit-button span {font-size:20px;font-weight:bold;}JS代码：（login.js）$(function(){//设定两个标志，判断是否满足提交的条件var ok1=false;var ok2=false;//设定键盘事件，回车换行$(".form-control").keydown(function(event){//判断是否是回车键if(event.which == '13'){if($(this).val().length == 0){}else{var currIndex = $(this).index(':input');$(':input:eq('+(currIndex+1)+')').focus();}}});// 验证用户名$('input[id="username"]').blur(function(){var nameform=$(this).val();// 验证是否输入用户名if($(this).val() == ""){$(".nameinfo").html("用户名不能为空！");$(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});}// 验证用户名是否大于六位else if($(this).val().length < 6){$(".nameinfo").html("用户名至少为6位！");$(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});}//验证用户名格式是否正确elseif(!nameform.match(/^[a-zA-Z][a-zA-Z0-9@]*$/)){$(".nameinfo").html("用户名格式不正确！");$(".nameinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});}else{$(".nameinfo").html("输入正确");$(".nameinfo").css({"color":"green","font-family":"KaiTi","font-size":"16px"});//验证通过，将标志位置为trueok1 = true;}});//验证密码$('input[id="password"]').blur(function(){if($(this).val() == "" ){$(".passwordinfo").html("密码不能为空！");$(".passwordinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});}else if($(this).val().length < 6){$(".passwordinfo").html("密码至少为6位！");$(".passwordinfo").css({"color":"red","font-family":"KaiTi","font-size":"16px"});}else{$(".passwordinfo").html("输入正确");$(".passwordinfo").css({"color":"green","font-family":"KaiTi","font-size":"16px"});ok2 = true;}});//输入不合法的情况下，获取焦点时清空错误输入$('input[id="username"]').focus(function(){if(!ok1){$('input[id="username"]').val("");}});$('input[id="password"]').focus(function(){if(!ok2){$('input[id="password"]').val("");}});//点击进行用户名后台验证，通过验证后实现页面跳转$(".submit-button button").click(function(){username=$("#username").val();password=$("#password").val();if(ok1 && ok2){//普通方式$.ajax({url:"/Login/ValidUser",type:"POST",dataType:"json",data:{username:"+username+",password:"+password+"},success:function(){window.location.href="menu.html";},error:function(){window.location.href="menu.html";}});//deferred模式// $.ajax("/Login/ValidUser",// {type:"post"},// {dataType:"json"},// {data:{username:"+username+",password:"+password+"}} // ).done(function(){window.location.href="menu.html";})// .fail(function(){window.location.href="menu.html";})}return false;//抑制了浏览器的默认点击行为});});。

HTML5+CSS3网页设计与制作实用教程单元4 表单应用与制作注册登录页面

【任务4-1-1】创建电脑版用户注册网页
4．在网页中插入表格在网页040101.html 的表单域中插入一个9 行3 列的表格，该表格的id 设置为“table01”， “宽”设置为“700 像素”，“边框”设置为“1”，“填充”设置为“3”，“间距”设置为
“0”，“ 对齐”方式设置为“居中对齐”，对应的【属性】面板如图4-6 所示。
图4-9 单行文本域的“属性”设置
【任务4-1-1】创建电脑版用户注册网页
5．插入单行文本域
如果在文本框【属性】面板中的“类型”选项组中选择“密码”单选按钮，则文本框将转换成密码框，密码框和文本框的设置完全一致，只是在浏览时，密码框中输入字符时，字符将自动以符号“*”或“ · ”显示，文本内容被隐藏，从而起到保密作用。在“密码：*”行的第2 个单元格中和“再次输入密码：*”行的第2 个单元格中分别插入1 个“单行文本域”，这两个文本框的类型为“密码”，“最多字符数”设置为“16”，名
【任务4-1-1】创建电脑版用户注册网页
表单域的属性设置完成后，其【属性】面板如图4-5 所示。
图4-5 表单域的属性设置
对应的HTML 代码如下所示：
<form action="register.aspx" method="post" name="form1" target="_blank" id="form1"> </form>
2．插入表格域一个表单域插入到网页中，在编辑窗口中显示为一个红色虚线框，其他的表单对象必须要放入这个框内才能起作用。如果看不见插入到页面中的标记表单域的红色虚线区域，则可以选
择菜单命令【查看】→【可视化助理】→【不可见元素】，使红色虚线可见，如图4-4 所示。

HBuilder入门（4）编写一个登录页面

HBuilder⼊门（4）编写⼀个登录页⾯通过之前的介绍，我们应该对HTML5+ 有了⼀个较为直观的认识。

但是正所谓“好记性不如烂笔头”，能够实际地做出⼀个页⾯才是最重要的。

接下来我们就来做⼀个最基本的页⾯：登录页⾯。

那我们先构思⼀下登录页⾯都需要什么内容：⽤户名，密码，登录按钮。

如果你有⼀个得⼒的美⼯，我们还可以加上酷炫的美⼯设计。

HBuilder提供⼀组UI组件，请参看这⾥：。

对于⼀个熟悉web开发的⼈来说，上⾯的这些都太简单了，分分钟就可以搞定了。

但是别忘了这是移动开发，与普通的浏览器应⽤还是有所不同。

接下来我们来看看页⾯的布局应该怎么设计。

这⾥⼤家不要忘记⼀个原则，因为⽬前HTML5+ 的实现仅此⼀家(HBuilder)，所以我们在实现各种功能的时候，⼀定要遵循HBuilder官⽅推荐的⽅法。

接下来我们从⼀个index.html开始。

HBuilder默认⽣成的index.html⾥的meta部分，只有viewport⼀个属性：Html代码1. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">其实这完全是不够的，我们还需要⼿动增加⼏个属性：Html代码1. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">2. <meta name="apple-mobile-web-app-capable" content="yes">3. <meta name="apple-mobile-web-app-status-bar-style" content="black">其次，我们要引⼊ mui 需要的 css，以及相应的 javascript ⽂件。

登录界面代码

TextMode="Password"></asp:TextBox>
<br />
<asp:Label ID="lbHint" runat="server" ForeColor="#FF3300"></asp:Label>
<br />
<br />
<span class="style2">登录信息：</span><asp:Panel ID="Panel1" runat="server"
BackColor="#FFFF99" BorderColor="#FFCC99" BorderStyle="Solid" Height="27px"
请从上面的菜单选择你的操作!<br />
<br />
<asp:Panel ID="Panel1" runat="server" Height="137px" Width="338px"
BackColor="#FFFF99">
<head id="Head1" runat="server">
<title>查看用户信息</title>
<style type="text/css">
.style1

web JSP 简单的登录+注册页面代码

简单做了界面，代码功能应该没有问题，简单做个文档分享一下。

登录界面denglu.jsp:<%@page contentType="text/html;charset=gb2312" %><html><head><title>登录界面</title><script>function check(){if(erN.value==""){alert("用户名不能为空");erN.focus();return false;}if(erP.value==""){alert("密码不能为空");erP.focus();return false;}document.dlForm.submit();return true;}</script></head><body><center><font size="6"> 欢迎进入登录界面</font><form action="dlhou.jsp" onsubmit="return check()" method="post" name="dlForm"><p>用户名：<input type="text" name="UserN" style="width: 148px; "/></p><p>密  码：<input type="password" name="UserP" style="width: 146px; "/></p><p><input type="submit" value=" 登  录 " style="height: 43px; "/>    <input type="button" value="忘记密码" onclick="parent.location.href('wangji.jsp')" style="height: 43px; "/>    <input type="button" value="返回主页" onclick="parent.location.href('welcome.jsp')" style="height: 43px; "/></p></FORM> </center></body></html>dlhou.jsp<%@page contentType="text/html;charset=gb2312" %><%@page language="java" import="java.sql.*" %><jsp:useBean id="SQLbean" scope="session" class="lian.Lian"/><html><head><title>登录状态</title></head><body><div align="center"><span class="style1">登录状态</span><br><hr><br></div><%String userN=request.getParameter("UserN");String userP=request.getParameter("UserP");// out.print(userN);String sql="select * from yxx where yname='"+userN+"'";SQLbean.OpenConn();ResultSet rs=SQLbean.executeQuery(sql);if(!rs.next()){%><script>alert("用户名不存在！");window.location.href="denglu.jsp";</script><%}// while(rs.next()){String p=rs.getString("ypassword").trim();if(p.equals(userP.trim()))// response.sendRedirect("zhu.jsp?param="+userN);{session.setAttribute("yhm",userN);// response.sendRedirect("zhu.jsp");%><script>alert("恭喜您，登录成功！");window.location.href="zhu.jsp";</script><%}else{%><script>alert("密码错误！");window.location.href="denglu.jsp";</script><%}}rs.close();SQLbean.closeSt();SQLbean.closeConn();%></body></html><%@page contentType="text/html;charset=gb2312" %><html><head><title>注册界面</title><script>function zcheck(){if(erN.value==""){alert("用户名不能为空");erN.focus();return false;}if(erP.value==""){alert("密码不能为空");erP.focus();return false;}if(document.zcForm.reUserP.value==""){alert("确认密码不能为空");document.zcForm.reUserP.focus();return false;}if(document.zcForm.reUserP.value!=erP.value){alert("确认密码和密码不符");document.zcForm.reUserP.focus();return false;}return true;}</script></head><body><center><font size="6"> 欢迎进入注册界面</font><br><br><font size="4"> 基本信息注册</font><form action="zchou.jsp" onsubmit="return zcheck()" method="post" name="zcForm"><p>   用户名：  <input type="text" name="UserN" style="width: 155px; "/>  <font color="red">*</font></p><p>   密    码：<input type="password" name="UserP" style="width: 155px; "/>  <font color="red">*</font></p> <p>   确认密码：<input type="password" name="reUserP" style="width: 155px; "/>  <font color="red">*</font></p><p>   性    别：   <input type="radio" name="UserS" value="Mr." checked="checked"/>男    <input type="radio" name="UserS" value="Ms."/>女     <font color="red">*</font></p><p>年    龄：<input type="text" name="UserA" style="width: 155px; "/></p><br><font size="4"> 密码找回问题设置</font><p>问题1：你最尊敬的老师是？答案1：<input type="text" name="Q1" style="width: 155px; "/>  <font color="red">*</font></p><p>问题2：你最喜欢的学科是？答案2：<input type="text" name="Q2" style="width: 155px; "/>  <font color="red">*</font></p><p>问题3：你最喜欢的运动是？答案3：<input type="text" name="Q3" style="width: 155px; "/>  <font color="red">*</font></p><p><input type="submit" name="确定" value=" 确  定 " style="height: 33px; ">         <input type="button" value="返回主页" onclick="parent.location.href('welcome.jsp')" style="height: 33px; "/></p></form></center></body></html><%@page contentType="text/html;charset=gb2312" %><%@page language="java" import="java.sql.*" %><jsp:useBean id="SQLbean" scope="session" class="lian.Lian"/><html><head><title>注册状态</title></head><body><%String userN=request.getParameter("UserN");String userP=request.getParameter("UserP");String userS=request.getParameter("UserS");String userA=request.getParameter("UserA");String q1=request.getParameter("Q1");String q2=request.getParameter("Q2");String q3=request.getParameter("Q3");SQLbean.OpenConn();String sqly="select * from yxx where yname='"+userN+"'";ResultSet rsy=SQLbean.executeQuery(sqly);if(rsy.next()){%><script>alert("用户名已被注册，请更换用户名");window.location.href="zhuce.jsp";</script><%}else{String sql="insert into yxx values('"+userN+"','"+userP+"','"+userS+"','"+userA+"')";String sql2="insert into yyz values('"+userN+"','"+q1+"','"+q2+"','"+q3+"')";SQLbean.executeUpdate(sql);SQLbean.executeUpdate(sql2);SQLbean.closeSt();SQLbean.closeConn();%><script>alert("注册成功，将跳转登录界面");window.location.href="denglu.jsp";//wrq经试验表明sendRedirect()还没显示alert 提示就已经跳转</script><%}%></body></html>。