Trying to Add Login Page to Existing Site

Forum|Forum|5 years ago
August 1, 2020
2 replies
243 views

I have an html website in DW and am trying to add a login screen to one section. I've tried to create a mySQL table for it on my hosting server, and am now trying to use MAMP to link the html to the php db. I'm a novice at this and nothing is working. Can anyone walk me through the steps of how to do this? Thanks.

This topic has been closed for replies.

Nancy OShea

Community Expert

Does your server support PHP code?

Are you naming your log-in page and scripts with a .php file extension?

Single page, password protected. Save as log-in.php.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Password Protected Content</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!--minimal demo styles-->
<style>
html {font-size:16px}

body {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 1.5rem;
width:80%;
margin:0 auto;
}
</style>
</head>
<body>


<?php
// Define your username and password here
$username = "admin";
$password = "pass123";

if (isset($_POST['txtUsername']) != $username || $_POST['txtPassword'] != $password) {
?>
<!--LOG-IN FORM-->
<form name="form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<fieldset>
<legend>Log-In</legend>

<p><label for="txtUsername">Username:</label>
<br>
<input type="text" title="Enter your Username" name="txtUsername" id="txtUsername" required placeholder="5 characters"></p>

<p><label for="txtPassword">Password:</label>
<br>
<input type="password" title="Enter your password" name="txtPassword" id="txtPassword" required placeholder="7 characters"></p>

<button type="submit">Submit</button>
</fieldset>
</form>

<?php
}
else {
?>

<!--PROTECTED CONTENT-->
<h2>Log-In Success!</h2>
<p>You have reached a password protected area of this page. What would you like to do next?</p>

<!--Links to other pages-->
<ul>
<li> <a href="download.html">Download Files</a></li>
<li><a href="#">Upload Files</a></li>
<li><a href="#">Watch Videos</a></li>
<li><a href="#">Play a Game</a></li>
</ul>
<?php
}
?> 
<!--END PROTECTED CONTENT-->

</body>
</html>

Nancy O'Shea— Product User & Community Expert