Create Login page using PHP

Introduction

The login page is the most important web page in web-development, the login page provides secure access to websites for registered users only.  Logged in users get privileges to access the web page in a secure manner.

Let's see how to create a login page, Here are the steps to follow:

Step 1 : Firstly you need to design your login page.

w1.gif

Step 2 : HTML scripting for the above designed page.

<html>
    <
head>
        <
title>PHP Login</title>
     </
head>
<
body bgcolor="#FFFFCC">
   <center>
   <
h3>PHP LOGIN </h3>
   <
hr />
   <form method="post" action="login.php" >
     <table border="0" >
      <tr>
       <
td>
        <
B>User</B>
       </
td>
      <
td><input type="text" name="userid">
      </tr>
      <
tr>
       <
td><B>Password</B></td>
        <
td><input name="password" type="password"></input></td>
      </tr> <br/>
     <
tr>
      <
td><input type="submit" value="Submit"/>
      <td><input type="reset" value="Reset"/>
     </tr>
    </
table>
  </
form>
  </
center>
</
body>
</html>

saved it as login.html

Step 3 : Now we will create a database table named login1 having two columns named "username" & "password".

usernamepassword
DEEPAK DWIJ abc
SAKSHIsaki

You must have installed a XAMPP server in your pc, if you have then just run the services.

d9.gif

Type the http://localhost/phpmyadmin at your browser, you will get.

H.gif

Create your database table login1 , to know how to create table then go to http://www.c-sharpcorner.com/UploadFile/c8aa13/working-with-database-in-php/

Step 4 : After creating a login1 table, the role of PHP page starts now.

<html>
<
body bgcolor="#ffffCC">
<center>
<
h1><?php
$f_usr= $_POST["userid"];
$f_pswd= $_POST[
"password"];
$con=mysql_connect(
"localhost","root","");
if(! $con)
{
       
die('Connection Failed'.mysql_error());
}
mysql_select_db(
"phpdata",$con);
$result=mysql_query(
"select * from login1");
while($row=mysql_fetch_array($result))
{
   
if($row["username"]==$f_usr && $row["password"]==$f_pswd)
       
echo"Welcome : $f_usr";
   
else
        echo
"Sorry : $f_usr";
}
?>
</h1>
</
center>
</
body>
</html>

save this page by login.php

Step 5 : Now we going to run the login page, open Your browser and type http://localhost/deepak/login.html

w2.gif

Click the submit button then, if you are login successfully then. 

w3.gif

Unregistered user login then. 

w4.gif

After clicking Submit button. 

w5.gif
 

Up Next
    Ebook Download
    View all
    Learn
    View all