Tutorial Form Login PHP Dengan Bootstrap CSS

Thursday, January 30th, 2014 - Pemrograman WEB, Tutorial PHP

Membuat fungsi login dengan php dengan script atau coding yang mudah di pahami dan dimengerti. Tutorial Collection kali ini akan berbagi sedikit tips tentang Tutorial Login PHP dengan penggunaan Css bootstrap. Bootstrap memberikan efek tampilan yang lebih elegan dan menarik pada form, dengan penggunaan Bootstrap ini tidak akan merubah struktur coding suatu fungsi, kita cukup menginclude kan css nya dan menyesuaikan sesuai tampilan bootsrap yang kita inginkan seperti pada Form Login Sederhana yang akan kita buat ini.

Tampilan Form Login dengan sentuhan bootstrap :

dashboard login tutorCollection Tutorial Form Login PHP Dengan Bootstrap CSS

Membuat Sistem Login PHP Sederhana:

index


<div class="span5">
 <h4><i class="icon-user"></i>&nbsp;&nbsp; Login Here</h4>
 <form action="login.php" method="GET">

<label>Username</label>
 <input type="text" name="username" class="input-block-level" />
 <label>Password<a href="#" class="pull-right"><i class="icon-question-sign"></i>&nbsp;Forgot Password</a> </label>
 <input type="password" name="pass" class="input-block-level" />
 <br />

<input type="submit" name= "submit" value='Sign In' class=" btn ">
 </form>
 </div>

Funggsi Login


<?php

$user = $_GET['username'];
 $pass = $_GET['pass'];

 //Deklarasi Username dan Password
 $username = 'admin';
 $password = 'admin';

if (($user==$username)&&($pass==$password)){
 printf ("Selamat $user, Anda Berhasil Masuk.");
 }else{
 printf ("Username atau Password Anda Salah.");
}
?>

CSS

Untuk mempercantik tampilan kita gunakan CSS Bootstrap, File Css dapat di unduh di akhir artikel

Sedikit penjelasan mengenai Coding Login PHP Sederhana di atas :

  • <form action=”login.php” method=”GET”>
    Pada Fungsi diatas kita menggunakan method=”GET” Nilai variabel ditampilkan di URL sehingga user dapat dengan mudah memasukkan nilai variabel baru. [Disarankan Gunakan Fungsi method="POST"]
  • <form action=”login.php” method=”GET”>
    Fungsi action pada form, digunakan digunakan untuk memberikan pengalamatan atau tujuan dimana file program akan di eksekusi pada saat tombol Submit diklik
  • $user = $_GET['username'] atau $pass = $_GET['pass'];
    digunakan untuk mengambil nilai yang kita inputkan dari Text Box username dan Text Box password

Form Login PHP Sederhana ini diharapkan dapat membatu sahabat tutorcollection untuk mengerti konsep dari sistem Login, sehingga nantinya akan memudahkan saat pemahaman Login dengan menggunakan Database.

Download Sistem Form Login PHP Dengan Bootstrap

Tutorial Rekomendasi Lainnya:

  • membuat form php dengan css
  • type untuk tombol login
  • script login php dengan database sederhana dengan form jquery
  • tampilan bootstrap admin
  • halaman login dengan bootstrap
  • contoh form login dengan css
  • form login dgn php css
  • mempercantik tampilan form php
  • Cara buat form login di bootstrap
  • Cara buat form upload bootstrap
  • php dan bootstrap
  • membuat form sign up bootstrap
  • source code tampilan login
  • membuat form login css
  • membuat form login bergambar dengan bootstrap
  • membuat dashboard dengan bootsttrap
  • index of:tutorial intitle:php
  • membuat halaman admin login menggunakan css dan php
  • membuat login dengan php dan bootstrap
  • memperindah tampilan form dengan bootstrap
  • memperindah tampilan field php menggunakan css
  • memperindah form login dengan bootstrap
  • php mysql dengan bootstrap
  • mempercantik login system dengan bootstrap
  • scrip membuat palidasi username dan password menggunkan phpmysql
  • membuat login sistem dengan bootstrap
  • membuat login dengan php dan mysql jquery
  • membuat tombol login di css
  • fungsi class bootstrap
  • form input menggunakan bootstrap
  • cara membuat validasi input bootstrap
  • cara membuat tampilan log in dg php
  • cara membuat tampilan halaman login dengan php
  • cara membuat sistem login sederhana untuk web
  • cara membuat login dengan bootstrap
  • cara membuat halaman login dengan bootstrap
  • cara membuat form tentang kami menggunakan css dan php
  • cara membuat form login menarik menggunakan php
  • cara membuat css bootstrap/
  • cara memperbagus tampilan login php
  • cara menambah file php pada bootstrap
  • download login menggunakan bootstrap
  • download aplikasi bootstrap
  • contoh syntax bootstrap
  • contoh project web dengan bootstrap dan php
  • contoh form login dengan fungsi get
  • coding menu login dengan php
  • cara tambah gambar pada form login php
  • cara menggunakan bootstrap php login
  • Cara menambahkan bootstrap di PHP

Pictures gallery of Tutorial Form Login PHP Dengan Bootstrap CSS

  • index php login coding
  • Coding Fungsi login
  • Form Login Username dan password
  • Form Login
Tutorial Form Login PHP Dengan Bootstrap CSS | redlist | 4.5
Leave a Reply
You might also likeclose
Contact us

Kami sedang tidak online.. Tapi kami akan jawab pertanyaan agan saat online ^^

Questions, issues or concerns? I'd love to help you!

Click ENTER to chat