📄 index.jsp
字号:
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>E-家园通讯薄</title>
</head>
<style>
a {color:#0000FF;text-decoration:none;}
a:hover{color:#FF3300;text-decoration:underline;}
.bian{position:absolute; width:989px; height:185px; z-index:4; left: 3px; top: 94px;border-style:outset;border-color:#660099;}
.style1 {color: #0000FF}
body {
background-color: #C4BE79;
}
.in{width:150px;}
.tu{border-color:pink;background-image:url(b01.gif);width:65px; height:24px;position:static;}
.tu1{border-color:pink;background-image:url(b07.jpg);width:65px; height:24px;position:static;}
</style>
<script type="text/javascript">
function read(){
document.getElementById("dl").style.display="none";
document.getElementById("zc").style.display="block";
}
function panduan(){
if(document.frm.yhm.value==""){
document.getElementById("y").innerHTML="<font color=red>用户名不能为空</font>";
document.frm.yhm.focus();
return;
}else{
document.getElementById("y").innerHTML="";
}
if(document.frm.mm.value==""){
document.getElementById("m").innerHTML="<font color='red'>密码不能为空</font>";
document.frm.mm.focus();
return;
}else{
document.getElementById("m").innerHTML="";
}
}
function zhuce(){
if(document.frm1.yhmz.value==""){
document.getElementById("z1").innerHTML="<font color='red'>用户名不能为空</font>";
document.frm1.yhmz.focus();
return;
}else{
document.getElementById("z1").innerHTML="";
}
if(document.frm1.mmz.value==""){
document.getElementById("z2").innerHTML="<font color='red'>密码不能为空</font>";
document.frm1.mmz.focus();
return;
}else{
document.getElementById("z2").innerHTML="";
}
}
function zhuce1(){
if(document.frm1.mmz.value!=document.frm1.mmzr.value){
document.getElementById("z3").innerHTML="<font color='red'>密码长度不一致</font>";
document.frm1.mmz.focus();
return;
}else{
document.getElementById("z3").innerHTML="";
}
}
</script>
<body>
<div id="Lb1"class="bian"></div>
<div id="L1" style="position:absolute; width:1002px; height:71px; z-index:1; left: 2px; top: 94px;">
<div align="center"><img src="tou.gif" width="998" height="112"></div>
</div>
<div id="L2" style="position:absolute; width:139px; height:120px; z-index:2; left: 6px; top: 100px;"><img src="tou1.gif" width="139" height="182"></div>
<div id="L3" style="position:absolute; width:69px; height:71px; z-index:2; left: 145px; top: 206px;"><img src="zi1.gif" width="74" height="79"></div>
<marquee style="padding: 0px; white-space: nowrap;"><img src="welcome25.gif" width="400" height="80"><font size="5">E-家园通讯薄</font>
</marquee>
<div id="L9" style="position:absolute; width:107px; height:52px; z-index:2; left: 571px; top: 205px;"><img src="zi5.gif" width="136" height="76"></div>
<div id="L8" style="position:absolute; width:158px; height:76px; z-index:2; left: 844px; top: 202px;"><img src="zi7.gif" width="158" height="77"></div>
<div id="L4" style="position:absolute; width:75px; height:77px; z-index:2; left: 219px; top: 206px;"><img src="zi2.gif" width="87" height="75"></div>
<div id="L5" style="position:absolute; width:95px; height:78px; z-index:2; left: 306px; top: 206px;">
<div id="L6" style="position:absolute; width:141px; height:76px; z-index:2; left: 400px; top: -3px;"><img src="zi6.gif" width="139" height="77"></div>
<img src="zi3.gif" width="116" height="79"></div>
<div id="L7" style="position:absolute; width:120px; height:63px; z-index:2; left: 422px; top: 206px;"><img src="zi4.gif" width="150" height="77"></div>
<div id="Lz6" style="position:absolute; width:74px; height:16px; z-index:3; left: 744px; top: 221px;">
<div id="Lz7" style="position:absolute; width:78px; height:16px; z-index:3; left: 152px; top: 25px; color: #0000FF;"><a href="javascript:read();">注册</a></div>
<span class="style1"><a href="index.jsp?id=1">登录</a></span></div>
<div id="Ltu1" style="position:absolute; width:800px; height:347px; z-index:5; left: 6px; top: 294px;"><img src="zhu.bmp" width="1000" height="340"></div>
<div id="dl" style="position:absolute; z-index:6; left:500px; top:400px;">
<form action="deluserverlet" name="frm">
<table border="0" bordercolor="pink" style="border-style:solid;">
<tr><td colspan="2"><img src="bg1.gif" width=230px height=40px></td></tr>
<tr><td><font size="2" >用户名：</font></td><td><input name="yhm" class="in" onblur="panduan()" ></td><td><div id="y"></div></td></tr>
<tr><td><font size="2" >密 码：</font></td><td><input name="mm" type="password" class="in" onblur="panduan()" ></td><td><div id="m"></div></td></tr>
<tr><td align="center" colspan="2"><input type="submit" value="" class="tu" > <input type="reset" value=""class="tu1"></td></tr>
<tr><td colspan="2"><font color="red">${sessionScope.msg}</font></td></tr>
</table>
</form>
</div>
<div id="zc" style="position:absolute; z-index:6; left:500px; top:400px;display:none;">
<form action="zhuceserverlet" name="frm1">
<table border="0" bordercolor="blue" style="border-style:solid;">
<tr><td colspan="2" align="center">E-家园通讯薄注册用户</td></tr>
<tr><td>用户名：</td><td><input name="yhmz" class="in" onblur="zhuce()" ></td><td><div id="z1"></div></td></tr>
<tr><td>密 码：</td><td><input name="mmz" type="password" class="in" onblur="zhuce()"></td><td><div id="z2"></div></td></tr>
<tr><td>重复密码：</td><td><input name="mmzr" type="password" class="in" onblur="zhuce1()"></td><td><div id="z3"></div></td></tr>
<tr><td><input type="submit" value="注册" ></td><td><input type="reset" value="清空"></td></tr>
</table>
</form>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -