The link to access the email admin panel is
While I am able to click on the username field, I am unable to click on the password field. The only way to place focus on it is by using the tab button on the keyboard.
Initially, everything was functioning correctly. However, after inputting an incorrect password and removing the error message line from the code, the functionality of entering the password ceased. The code for displaying the error utilized a div class of alert alert-danger.
The primary issue at hand pertains to the inability to enter the password in mobile browsers.
<!DOCTYPE html>
<?php
$error = "";
if(isset($_POST['username'],$_POST['password'])){
/*** You can change username & password ***/
$user = array(
"user" => "abc",
"pass"=>"def"
);
$username = $_POST['username'];
$pass = $_POST['password'];
if($username == $user['user'] && $pass == $user['pass']){
session_start();
$_SESSION['simple_login'] = $username;
header("Location: Email_Manager.php");
exit();
}else{
$error = "Invalid Login Credentials";
echo "<script>alert('".$error."'); window.history.back();</script>";
}
}
?>
<html>
<head>
<link rel="icon" type="image/png" href="favicon.png">
<style>
.footer {
height:60px;
width: 99%;
background-color: Transparent;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: white;
text-align: center;
position: relative;
bottom: 0;
}
.header {
position: absolute;
left: 0;
top: 0;
width: 100%;
/* background-color: #4CAF50; */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: white;
text-align: center;
}
.tableadjust {
position: fixed;
margin: auto;
width: 60%;
top: 30%;
margin:auto;
}
</style>
<style>
#grad1 {
height: 200px;
background: #2939B3; /* For browsers that do not support gradients */
background: linear-gradient(to right, #1385CC , #2939B3); /* Standard syntax (must be last) */
}
#emails {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
max-width: 512px;
}
#emails td, #emails th {
border: 0px solid #ddd;
padding: 8px;
color: white;
}
/* #emails tr:nth-child(even){background-color: #f2f2f2;} */
/* #emails tr:hover {background-color: #ddd;} */
#emails th {
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
/* background-color: #4CAF50; */
color: white;
}
input[type=text], input[type=password], input[type=search] {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 6px 10px;
margin: 3px 0;
box-sizing: border-box;
border-radius: 25px;
}
input[type=button], input[type=Submit], input[type=reset] {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: Transparent;
border-radius: 25px;
border: 2px solid #FFFFFF;
color: white;
padding: 6px 10px;
text-decoration: none;
margin: 3px 2px;
cursor: pointer;
</style>
<title>
Email Management
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
</head>
<body id="grad1"><center>
<div style="max-width: 512px; width:100%; margin: auto; top: 100px; position: relative;">
<img src="favicon.png"></img>
<table id="emails">
<thead>
<tr><th colspan=2>Login to Email Management
</thead>
<tbody>
<form method=POST action="index.php">
<tr><td>Username: <td><input placeholder="Username" name="username" type="text" style="width:100%">
<tr><td>Password: <td><input placeholder="Password" name="password" type="password" value="" style="width:100%">
<tr><td colspan=2><input type="submit" value="Login" style="width:100%">
</tbody>
</table>
</div>
<footer class="footer"><br> <br> <br> <br> <br>
<p style="width: 100%">Powered by <a href="http://www.byteitcorp.com" style="color:white;">ByteIT Corp</a></p>
</footer>
</center>
<div class="header">
<p><font size=25><b></b>EMAIL MANAGER</b></font></p>
</div>
</body>
</html>