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
 

Next Recommended Readings