Contoh Halaman Login Menggunakan PHP

//lh4.googleusercontent.com/-eAXyxy2JJKA/AAAAAAAAAAI/AAAAAAAAGS4/OHgzqHzCvtQ/s512-c/photo.jpg
August 12, 2017

Selamat malam sobat blogger kali ini saya akan share Login PHP Dengan Session. Php script login digunakan untuk memberikan otentikasi untuk halaman web kita. Script dijalankan setelah mengirimkan tombol login pengguna. Halaman Login harus sebagai berikut dan bekerja berdasarkan sesi. Jika pengguna menutup sesi, ia akan menghapus data sesi.

Halaman Login

<?php
   ob_start();
   session_start();
?>

<?
   // error_reporting(E_ALL);
   // ini_set("display_errors", 1);
?>

<html lang = "en">
  
   <head>
      <title>Tutorialspoint.com</title>
      <link href = "css/bootstrap.min.css" rel = "stylesheet">
     
      <style>
         body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #ADABAB;
         }
        
         .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
            color: #017572;
         }
        
         .form-signin .form-signin-heading,
         .form-signin .checkbox {
            margin-bottom: 10px;
         }
        
         .form-signin .checkbox {
            font-weight: normal;
         }
        
         .form-signin .form-control {
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
         }
        
         .form-signin .form-control:focus {
            z-index: 2;
         }
        
         .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-color:#017572;
         }
        
         .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-color:#017572;
         }
        
         h2{
            text-align: center;
            color: #017572;
         }
      </style>
     
   </head>

   <body>
     
      <h2>Enter Username and Password</h2>
      <div class = "container form-signin">
        
         <?php
            $msg = '';
           
            if (isset($_POST['login']) && !empty($_POST['username'])
               && !empty($_POST['password'])) {

               if ($_POST['username'] == 'tutorialspoint' &&
                  $_POST['password'] == '1234') {
                  $_SESSION['valid'] = true;
                  $_SESSION['timeout'] = time();
                  $_SESSION['username'] = 'tutorialspoint';
                 
                  echo 'You have entered valid use name and password';
               }else {
                  $msg = 'Wrong username or password';
               }
            }
         ?>
      </div> <!-- /container -->
     
      <div class = "container">
     
         <form class = "form-signin" role = "form"
            action = "<?php echo htmlspecialchars($_SERVER['PHP_SELF']);
            ?>" method = "post">
            <h4 class = "form-signin-heading"><?php echo $msg; ?></h4>
            <input type = "text" class = "form-control"
               name = "username" placeholder = "username = tutorialspoint"
               required autofocus></br>
            <input type = "password" class = "form-control"
               name = "password" placeholder = "password = 1234" required>
            <button class = "btn btn-lg btn-primary btn-block" type = "submit"
               name = "login">Login</button>
         </form>

         Click here to clean <a href = "logout.php" tite = "Logout">Session.
        
      </div>
     
   </body>
</html>

Logout.PHP
Berfungsi Untuk menghapus data sobat seperti username dan Password.
<?php
   session_start();
   unset($_SESSION["username"]);
   unset($_SESSION["password"]);
  
   echo 'You have cleaned session';
   header('Refresh: 2; URL = login.php');
?>

Tampilan Halaman Loginnya sperti gambar Dibawah ini.


Sekian share kali ini semoga apa yang saya share ini bisa bermanfaat bagi teman-teman semua, sobat juga bisa melihat berbagai tutorial yang ada pada label pemprogramman di atas, Wassalam😄



Artikel Menarik Lainnya

SUBSCRIBE TO OUR NEWSLETTER