登录login.jsp <%@ page contentType="text/html;charset=GB2312" pageEncoding="utf-8"%> <html> <head> <%@ include file="head.txt" %> <title>会员登录</title> </head> <body> <div id="Login"> <form action="helpLogin" method="get"> <h1 style="font-size: 35px;">登录</h1> <ptxt>账号:</ptxt> <label> <Input type=text name="logname"> </label> <br/> <ptxt>密码:</ptxt> <label> <Input type=password name="password"> </label> <input type="submit" value="登录"> </form> <a href="register.jsp" name="zc">未有账号?注册</a><br> <a href="modifyPassword.jsp" name="wjmm">忘记密码?</a> </div> </body> <style> body { background-image: url(image/friend.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } #Login { border: 1px solid #000; background-color: rgba(255, 255, 255, 0.5); position: absolute; margin: 0 auto; width: 300px; top: 20%; left: 40%; height: 350px; text-align: center; padding-top: 20px; border-radius: 10px; } ptxt { font-size: 20px; font-weight: bold; color: #000; } input[type="text"] { width: 200px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; } input[type="password"] { width: 200px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; } input[type="submit"] { width: 100px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; background-color: #000; color: #fff; } a[name="wjmm"] { width: 100px; height: 30px; border-radius: 5px; margin-top: 10px; color: #030303; } a[name="zc"] { width: 100px; height: 30px; border-radius: 5px; margin-top: 10px; color: #030303; } return { position: absolute; white-space: nowrap; font-size: 20px; color: #ff0000; width: 100px; height: 50px; left: 50%; top: 50%; } </style> </html> 注册register.jsp
<%@ page contentType="text/html;charset=GB2312" %> <html> <head> <%@ include file="head.txt" %> <title>会员注册</title> </head> <body> <div id="Register"> <form action="helpRegister" name=form method="get"> <h1 style="font-size: 35px;">注册</h1> <ptxt>输入账号:</ptxt> <label> <Input type=text name="logname" > </label> <br/> <ptxt>输入密码:</ptxt> <label> <Input type=password name="password"> </label> <br> <ptxt>电子邮件:</ptxt> <label> <Input type=text name="email"> </label> <br> <ptxt>联系电话:</ptxt> <label> <Input type=text name="phone"> </label> <br><Input type=submit name="g" value="注册"> </form> <a href="login.jsp" name="dl">已有账号?登录</a> </div> </body> <style> body { background-image: url(image/friend.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } #Register { border: 1px solid #000; background-color: rgba(255, 255, 255, 0.5); position: absolute; margin: 0 auto; width: 350px; top: 20%; left: 40%; height: 350px; text-align: center; padding-top: 20px; border-radius: 10px; } ptxt { font-size: 18px; font-weight: bold; color: #000; } input[type="text"] { width: 200px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; } input[type="password"] { width: 200px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; } input[type="submit"] { width: 100px; height: 30px; border-radius: 5px; border: 1px solid #000; margin-top: 10px; background-color: #000; color: #fff; } a[name="wjmm"] { position: absolute; width: 105px; height: 50px; left: 90%; top: 90%; } return { position: absolute; white-space: nowrap; font-size: 20px; color: #ff0000; width: 100px; height: 50px; left: 50%; top: 50%; } </style> </html>