Membuat Form Login Pada PHP

Assalamualaikum Wr. Wb.

Hari ini saya belajar membuat form login pada PHP, dari modul Pemrogaman_web_dengan_PHP_MySQl.pdf yang di beri oleh Mbah Suro Dhemit.


Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form
murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam
bentuk html.


Ada hal penting yang perlu di perhatikan untuk membuat form yaitu :

1. METHOD
Method dari sebuah form menentukan bagaimana data inputan form dikirim.
Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan
bagaimana data inputan dikirim dan diproses oleh PHP.

2. ACTION
Action dari sebuah form menentukan dimana data inputan dari form diproses.
Jika action ini dikosongkan, maka dianggap proses form terjadi di halaman
yang sama. Jadi halaman form dan halaman proses bisa saja dipisah atau
dijadikan satu.

3. SUBMIT BUTTON
Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi
sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan,
maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan
pada atribut action.


Berikut contoh-contoh pembuatan form :


1. Menyatukan antara Form dan Proses

Proses pengolahan form dilakukan di halaman yang sama dengan form
inputannya. Jika proses penanganan form berada di satu halaman, maka value
atribut action pada tag form tidak perlu diisi (dikosongkan).

Program 1. 
Nama File : input1.php
Deskripsi : Program Contoh pengolahan form dimana antara form inputan
dan proses pengolahan inputan berada dalam satu halaman.

Contoh :

Hasil :

 Isikan nama anda kemudian klik input.

 Kemudian akan muncul hasil seperti ini.

Keterangan :
Beberapa hal yang perlu diperhatikan dari program 4.1 di atas, di antaranya
mengenai nama setiap komponen form karena nama ini akan menjadi index array dalam PHP. Pada program 4.1 di atas, value atribut action pada tag form tidak diisi (baris 4), ini berarti bahwa proses pengolahan form berada di halaman yang sama. Selanjutnya (baris 4) method yang digunakan dalam penanganan form adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan. Mulai baris ke-11 hingga 16, terdapat script / program PHP yang akan menangani (mengolah) nilai yang diinputkan melalui form. Letak proses inputan ini boleh sebelum atau sesudah form, tergantung kebutuhan. Pada baris ke-12, terdapat pemeriksaan kondisi apakah tombol dengan nama “Input” (perhatikan index array $_POST dan bandingkan dengan name tombol submit pada form) benar-benar ditekan atau tidak oleh user. Selanjutnya pada baris ke-13, nilai inputan dari form akan diambil dengan cara mengakses array $_POST sesuai dengan komponen form yang akan diambil. Pada baris 13 ini, isi komponen inputan dengan nama “nama” akan diambil dan dimasukkan ke variabel $nama. Index array $_POST pada baris 13 harus sama dengan value atribut name pada baris ke-5.

2. Memisahkkan antara Form dan Proses.

Proses pengolahan form dilakukan di halaman yang terpisah dengan form
inputannya. Jika proses penanganan form berada dilakukan di halaman yang
berbeda, maka value atribut action pada tag form harus diisi dengan alamat
halaman tempat proses pengolahan form.

Program 2.
Nama File : input2.php
Deskripsi : Program menampilkan form inputan dengan method POST

 Contoh 1

Contoh 2 
Nama File : proses02.php
Deskripsi : Program penanganan form inputan untuk Program.

Hasil 1

Hasil 2

Keterangan : Bila input di klik  akan pindah halaman kalau tidak percaya lihatlah di link pada gambar di atas.


3. Memisahkkan antara Form dan Proses.

Proses pengolahan form dilakukan di halaman yang terpisah dengan form
inputannya. Jika proses penanganan form berada dilakukan di halaman yang
berbeda, maka value atribut action pada tag form harus diisi dengan alamat
halaman tempat proses pengolahan form.

 Program 3.
 Nama File : input3.php
 Deskripsi : Program menampilkan form inputan dengan method GET.

 Contoh 1

Contoh 2

Nama File : proses03.php
Deskripsi : Program penanganan form inputan untuk Program.

Hasil 1

Hasil 2

Keterangan : Di sini penggunaan method POST atau GET sama saja yang saya tau bedanya di antara POST dan GET adalah di linknya setelah melihat hasil atau setelah di klik input pada gambar itu.

Perbedaaan ada pada linknya :

POST

GET

4. Menampilkan form login (inputan text dan password).

Program 4.
Nama File : input5.php
Deskripsi : Program menampilkan form login (inputan text dan password).

Contoh 1

Contoh 2

Hasil 1

Hasil 2

Keterangan : Pada saat mengisi data login pastikan username dan password sama sperti yang anda buat di Prosese05.php bila anda salah mengisi data login atau tidak sesuai seperti yang anda buat di scriptnya kemungkinan login anda akan gagal seperti gambar ini.

Contoh login gagal :
Saya mengisi username dan passwordnya tidak sesuai pada script yang saya buat tadi.

Kemungkinan ini hasilnya.

Sekian dulu dari saya semoga bermanfaat bagi anda semuanya.

Wassalamualaikum Wr. Wb.

Posted in: