<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
h3{
text-align: center;
}
.user{
color: #999;
}
form{
text-align: center;
}
form .rem{
margin-left: 30px;
}
</style>
<body>
<%@ include file="_a7_登陆页面的实现_top.jsp"%><!-- 静态包含 -->
<%-- <jsp:include page="_a7_登陆页面_top.jsp"></jsp:include> --%> <!-- 这是动态包含,运行时的包含 -->
<h3>欢迎进入清华大学用户登陆页面</h3>
<form type="text" action="_a7_登陆页面的实现_账户密码.jsp" method="post">
<p> 用户名:<input type="text" name="username" value="请输入用户名" class="user"
onfocus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'} "
onblur="if(this.value==''){this.value='请输入用户名' ; this.style.color='#999'}">
</p>
<p> 密 码:<input type="password" name="password"> </p>
<input type="submit" value="登陆" class="rem">
<input type="reset" value="重置" class="rem">
</form>
<%@ include file="_a7_登陆页面的实现_bottom.jsp"%>
</body>
<script type="text/javascript">
</script>
</html>
_a7_登陆页面的实现_top.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
</head>
<body>
<center>
<img src="image/baner.jpg" width=100%/>
</center>
</body>
</html>
_a7_登陆页面的实现_账户密码.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
if(username.equals("aaa") && password.equals("123")){
out.print("恭喜你登陆成功"+username);
}else{
out.print("很抱歉你输入的账户信息有误,请");%>
<a href="_a7_登陆页面的实现_.jsp">重新输入</a>
<% }
%>
</body>
</html>
_a7_登陆页面的实现_bottom.jsp:
<%@ page contentType="text/html; charset=UTF-8" %>
<table width="100%" cellspacing="0" cellpadding="4" align="center" bordercolor="#A6CAF0" border=1>
<tr>
<td> <div align="center">
<p>清华大学软件系 <br>
学校地址:北京市黄泉路1880号花拳绣腿<br/>
电话:100010001
</p>
</div></td>
</tr>
</table>
最终效果:
若账号密码输入正确则:
若账号密码输入错误则: