注册界面：
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>用户注册</title> <style> .w{ /*text-align: center;*/ background-color: #00FFFF; width: 600px; height: 430px; margin: 50px auto; } .t{ text-align: left; margin: 10px; } label{ display: inline-block; text-align: right; width: 200px; } input{ display: inline-block; text-align: left; margin: 10px; } .submit{ display: inline-block; margin: 10px 290px; } .agree{ margin: 0 165px; } .agree span{ color:#A94424; } a{ color:#F9991F; } </style> </head> <body> <div class="w"> <form action="success.jsp"> <div class="t"> <strong>Please ensure the authenticity of the identity information!</strong> </div> <div> <div> <label>USERNAME：</label> <span><input type="text" name="userName"></span> </div> <div> <label >PASSWORD：</label> <span><input type="password" name="pwd"></span> </div> <div> <label>CONFIRM PASSWORD：</label> <span><input type="password"></span> </div> <div> <label>EMAIL：</label> <span><input type="text" name="email"></span> </div> <div> <label>MOBILE PHONE：</label> <span><input type="text" name="modile"></span> </div> <div> <label>ADDRESS：</label> <span><input type="text" name="address"></span> </div> <div class="agree"> <span class="check"><input type="checkbox">I agree with the <a href="">policy</a></span> </div> <div> <span><input type="submit" value="regist" class="submit"></span> </div> </div> </form> </div> </body> </html>注册界面展示 用户登录界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录</title> <style> .button { margin-right: 10px;} .w{ /*text-align: center;*/ background-color:#00FFFF; width: 500px; height: 250px; margin: 80px auto; } .t{ text-align: left; padding: 15px; } label{ display: inline-block; text-align: right; width: 65px; padding: 10px 15px; } input{ display: inline-block; text-align: left; margin: 10px; } .submit{ display: inline-block; margin: 0px 20px; } .b div{ margin: 0 80px; } .a{ display: inline-block; } .check{ color:#A7482A ; } </style> </head> <body> <div class="w"> <div class="t"><strong>WELCOME TO</strong></div> <div class="b"> <div> <label>USERNAME：</label> <span><input type="text"></span> </div> <div> <label >PASSWORD：</label> <span><input type="password"></span> </div> <div> <span class="check"><input type="checkbox" >always remember the password</span> </div> <div class="button"> <span> <a href="regist.jsp"><input type="submit" value="regist"></a> <input type="submit" value="login" class="submit"> </span> </div> </div> </div> </body> </html>用户登录界面展示 登陆成功界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>注册成功</title> <style> a{ text-align: right; color:#F99E30 } .w{ font-size:25px; width: 680px; height: 450px; background-color: #00FFFF; margin: 30px auto; } .t{ color:#C0C0C0; padding: 15px; } </style> </head> <body> <div class="w"> <div class="t"><strong>Congratulations on your successful registration!</strong></div> </div> <div class="a"> <a href="login.jsp">BACK</a> </div> </body> </html>登陆成功界面展示 作者：沈香香
