Implement Authentication filter using filter API
<!-- HTML File -->
<html>
<head>
<title>Filter API</title>
<style>
.b1 {
width: 370px;
height: 42px;
margin: 10px;
color: white;
background-color: #008CBA;
border: 0px solid grey;
cursor: pointer;
}
.side {
padding: 10px;
margin: 20px;
width: 370px;
}
.b1:hover {
background-color: #4CAF50;
}
</style>
</head>
<body bgcolor="#222222">
<div class="box">
<form action="filtering" style="text-align:center;">
<h1 style="color:white;font-family: Times;margin-top:160px;">Login Portal</h1>
<input class="side" type="text" required="" name="name" placeholder="UserName"><br>
<input class="side" type="password" required="" name="password" placeholder="Password" style=margin-top:-5px;">
<br>
<input class="b1" type="submit" value="Login">
</form>
</div>
</body>
</html>