You are on page 1of 4

PROGRAM -6

Login.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="bank.css">
<script language="javascript" type="text/javascript">
function validation()
{
if(document.getElementById("uname").value != "admin" ||
document.getElementById("password").value != "admin")
{
alert("Admin Id or Password is wrong");
return false;
}
else
{
alert("Access granted");

}
}
</script>
</head>
<body>
<div id="top">
<center><h1>SERVER SECURITY SYSTEM</h1><center></div>
<center><h2>SERVER ACCESS LOGIN PORTAL</h2><center></div>
<div id="contain">
<form id="form1" name="form1" method="post" action="home.html">
<table border="0" height="150px" align="center" >
<tr>
<td>ADMIN ID</td><td></td>
<td>
<input type="text" name="uname" id="uname" />
</td>
</tr>
<td>PASSWORD</td><td></td>
<td><input type="password" name="password" id="password" /></td>
</tr>
<td></td>
<td><input type="submit" name="submit" value="submit" onclick="return validation()" /></td>
</tr>
</table></form></div>
</body></html>
home.html
<html>
<center><h1>SERVER SECURITY SYSTEM</h1><center></div>
<center><h2>SERVER ADMIN HOME PAGE</h2><center></div>
<body bgcolor='pink'>ADMIN LOGIN TIME:
<p id="date"></p>
<script>
document.getElementById("date").innerHTML = Date();
function clickAlert() {
alert("USER ACCESS MODIFIED");
}
</script>

<center><h2>GRANTED USERS</h2><center></div>
<table border="0" height="150px" align="center" >
<tr><td><center><h3>USER 1</h3><center></div></td>
<td><select name="ACCESS">
<option value="Allow">ALLOW ACCESS</option>
<option value="deny">DENY ACCESS</option></td>
</tr>
<tr><td><center><h3>USER 2</h3><center></div></td>
<td><select name="ACCESS">
<option value="Allow">ALLOW ACCESS</option>
<option value="deny">DENY ACCESS</option></td>
</tr>
</table>
<input type="button" onclick="clickAlert()" value="SUBMIT">
</body>
</html>

You might also like