in php password protected page, secure Password protect your data content with Web Page Password Protect by just including single line of PHP source code to your web page source. full source code will present user with secure password entry form, and will not let any type of the visitor see your private all the data content without accessing a secure password.
Create Password Protected Webpage Using PHP, HTML And CSS
Bellow simple Example to learn step by step Free PHP Scripts :: Web Page Password Protect.
Also Read : Password Protecting Website running on NGinx serve PHP-FPM
Step 1. Create a PHP file and define markup
I simply Create a PHP file as well save it with a name password.php
<?php
session_start();
if(isset($_POST['submit_pass']) && $_POST['pass'])
{
$pass=$_POST['pass'];
if($pass=="98256")
{
$_SESSION['password']=$pass;
}
else
{
$error="sorry dear, your Incorrect Pssword";
}
}
if(isset($_POST['home_sign_out']))
{
unset($_SESSION['password']);
}
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="password_style.css">
</head>
<body>
<div id="wrapper">
<?php
if($_SESSION['password']=="98256")
{
?>
<h1>Create Password Protected Webpage Using PHP, HTML And CSS - www.pakainfo.com</h1>
<form method="post" action="" id="logout_form">
<input type="submit" name="home_sign_out" value="LOGOUT">
</form>
<?php
}
else
{
?>
<form method="post" action="" id="signin_frm">
<h1>Sign In TO PROCEED</h1>
<input type="password" name="pass" placeholder="************">
<input type="submit" name="submit_pass" value="DO SUBMIT">
<p>"Password : 98256"</p>
<p><font style="color:red;"><?php echo $error;?></font></p>
</form>
<?php
}
?>
</div>
</body>
</html>
In this phase i first of all check if user sign in or not by verifyed then session variable if the user is not sign in i will show signin form and if user is sign in i showing webpage data content with sign out button.i use main two isset() condition to do signin or sign out.In simple main condition i simply read the user password as well as check if the set of the password is ‘98256’ if yes i update the password in session variable using php as well as then show the webpage.In onther condition i simply unset the session variable using php which stores/saved password value.You may also such as a simple http secure authentication using PHP source code.
Step 2. Create a CSS file and define styling
i create a CSS file and save it with a name password_style.css
body
{
margin:0 auto;
padding:0px;
text-align:center;
width:100%;
font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
background-color:#8A4B08;
}
#wrapper
{
margin:0 auto;
padding:0px;
text-align:center;
width:995px;
}
#wrapper h1
{
margin-top:50px;
font-size:45px;
color:white;
}
#wrapper p
{
font-size:16px;
}
#logout_form input[type="submit"]
{
width:250px;
margin-top:10px;
height:40px;
font-size:16px;
background:none;
border:2px solid white;
color:white;
}
#signin_frm
{
margin-top:200px;
background-color:white;
width:350px;
margin-left:310px;
padding:20px;
box-sizing:border-box;
box-shadow:0px 0px 10px 0px #3B240B;
}
#signin_frm h1
{
margin:0px;
font-size:25px;
color:#8A4B08;
}
#signin_frm input[type="password"]
{
width:250px;
margin-top:10px;
height:40px;
padding-left:10px;
font-size:16px;
}
#signin_frm input[type="submit"]
{
width:250px;
margin-top:10px;
height:40px;
font-size:16px;
background-color:#8A4B08;
border:none;
box-shadow:0px 4px 0px 0px #61380B;
color:white;
border-radius:3px;
}
#signin_frm p
{
margin:0px;
margin-top:15px;
color:#8A4B08;
font-size:17px;
font-weight:bold;
}
Easy way to password-protect php page
in this way simply you can Create two files:
- protect-this.php
- login.php:
protect-this.php
<?php
$password = '[email protected]';
if (empty($_COOKIE['password']) || $_COOKIE['password'] !== $password) {
header('Location: login.php');
exit;
}
?>
login.php:
<?php
$password = '[email protected]';
$redirect_after_login = 'index.php';
$remember_password = strtotime('+30 days'); // 30 days
if (isset($_POST['password']) && $_POST['password'] == $password) {
setcookie("password", $password, $remember_password);
header('Location: ' . $redirect_after_login);
exit;
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Password protected - www.pakainfo.com</title>
</head>
<body>
<div style="text-align:center;margin-top:50px;">
You must enter the password to view this content.
<form method="POST">
<input type="text" name="password">
</form>
</div>
</body>
</html>
Note: Then you can simply need to protect-this.php on the TOP of the main files you want to protect:
Password protect this content
require_once('protect-this.php');
Create Password Protected Webpage Using PHP, HTML And CSS
To create a password-protected webpage using PHP, HTML, and CSS, you can follow these steps:
Step 1: Create a PHP script to validate the login credentials
Create a PHP script named “login.php” to validate the login credentials entered by the user. The script should accept the username and password entered by the user and compare them with the correct credentials. If the credentials match, then the script should set a session variable to indicate that the user is logged in. If the credentials do not match, then the script should display an error message.
Here’s an example code for “login.php”:
<?php
session_start();
if(isset($_POST['username']) && isset($_POST['password'])) {
$username = $_POST['username'];
$password = $_POST['password'];
// Check if the username and password are correct
if($username === 'your_username' && $password === 'your_password') {
// Set a session variable to indicate that the user is logged in
$_SESSION['loggedin'] = true;
header('Location: home.php');
exit;
} else {
$error = 'Incorrect username or password';
}
}
?>
Step 2: Create a login form
Create an HTML login form named “index.html” that allows the user to enter their username and password. The form should submit the data to the “login.php” script for validation.
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="login-box">
<h2>Login Here</h2>
<form action="login.php" method="post">
<p>Username</p>
<input type="text" name="username" placeholder="Enter Username">
<p>Password</p>
<input type="password" name="password" placeholder="Enter Password">
<input type="submit" name="" value="Login">
</form>
</div>
</body>
</html>
Step 3: Create a home page
Create a home page named “home.php” that is only accessible to users who are logged in. This page should check if the user is logged in by checking the session variable set in “login.php”. If the user is not logged in, then they should be redirected to the login page.
Here’s an example code for “home.php”:
<?php
session_start();
if(!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true){
header('Location: index.html');
exit;
}
?>
//Added Your HTML CODE
I hope you get an idea about php password protected page.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.