login.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri = "http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Log In</title>
</head>
<style>

.bg
	{
		background-color: white;
	}

.login
	{
		background-color: lightgrey;
		width:360px;
		margin:50px auto;
		font:"Century Gothic";
		border-radius:10px;
		border:2px solid #ccc;
		padding:10px 40px 25px;
		margin-top:70px;
	}

.table
	{
		border-radius:10px;
		border:2px solid #333;
	    border-collapse: collapse;
	    width: 25%;

	}
th
	{
		text-align: center;
	    padding: 8px;
	}
td
	{

		background-color: grey;

	    padding: 8px;
	}

tr:nth-child
	{
		background-color: #f2f2f2
	}

th
	{
	    background-color: lightgrey;
	    color: black;
	}

.header
	{
	    background-color: grey;
	    padding: 10px;
	    text-align: center;
	    font-size: 25px;
	    color: white;
	}

</style>

<body>

<div class = "header">
Awesome To-Do List
</div>

<div class="login">
<h1 align="center"> </h1>
<form action="Login" method="POST">
	<table class="table" align="center">
		<tbody>
			<tr>
				<td>Username:</td>
				 <td><input type="text" name="username"></td>
			</tr>
			<tr>
				<td>Password:</td>
				<td> <input type="password"  name="password"></td>
			</tr>
			<tr>
				<td> </td>
				<td><input type="submit" value="Login" ></td>
			</tr>
			<tr>
				<td colspan="2">
				Are you new? Register <a href="register.jsp"> here</a>
				</td>
			</tr>
		</tbody>
	</table>
</form>
 	<c:if test="${loginerror == 'yes' }">
 	<center>
 	<br>
		Invalid Username and Password
	</center>
	</c:if>
</div>
</body>
</html>