Highlighted

Trying to Add Login Page to Existing Site

New Here ,
Jul 31, 2020

Copy link to clipboard

Copied

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.

Views

33

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Trying to Add Login Page to Existing Site

New Here ,
Jul 31, 2020

Copy link to clipboard

Copied

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.

Views

34

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jul 31, 2020 0
Adobe Community Professional ,
Jul 31, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 31, 2020 1
Adobe Community Professional ,
Aug 01, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 01, 2020 1