// 仅以此次大作业纪念我逝去的微信小程序
登录界面login.jsp设计
网上有很多参考,自己改改布局和样式就可以
<%--
Created by IntelliJ IDEA.
User: 89462
Date: 2020/6/10
Time: 23:30
To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> //协议,文本格式,编码
<title>Login</title>
<style>
body{
background-image:url(image/1.png);
background-size:cover; //图像铺满
}
</style>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> //套用网上现有的CSS
</head>
<body>
<div style="text-align:center;margin-top:120px">
<form action="LoginServlet" method="post"> <% // action连接自定类进行后续操作%>
<table style="margin-left:40%" > <% // 边距,使整体在中间显示%>
<marquee width="350"scrolldelay="130"style="font-size:30px;color: floralwhite">欢迎使用在线评分系统</marquee>
<% // 滚动显示%>
<br style="margin-top:40px"></br>
<tr>
<td style="font-size:20px;color: salmon">用户:</td>
<td><input name="username" type="text" size="24"></td>
</tr>
<tr>
<td style="font-size:20px;color: salmon">密码:</td>
<td><input name="password" type="password" size="24"></td>
</tr>
</table>
<input type="submit" value="登录"> <% // 表单提交%>
<input type="reset" value="重置"> <% // 自带清零%>
</form>
<br>
<a href="register.jsp" style="font-size:20px;color: ghostwhite">注册</a> <% // 跳转至注册界面%>
</div>
<% //为工作室打的小广告%>
<% //Bootstrap navbar底部导航栏%>
<div class="navbar navbar-default navbar-fixed-bottom">
<footer class="container-fluid"> <br>
<p class="text-center" style="font-size:20px;font-family:华文彩云;" >北极狼工作室</p>
</footer>
</div>
</body>
</html>
效果如下