WEB PROGRAMING I

fardian902@gmail.com
Iedam.iao@bsi.ac.id
 BAB VI
PENGENALAN FORM
Komponen Form
Dalam Form HTML ada 2 metode yang dapat digunakan oleh user
yakni POST dan GET. Metode POST mengambil data untuk diproses
berdasarkan inputan yang dimasukkan oleh user, sementara metode GET
mengambil data yang ada di address bar atau URL. Secara teknis GET
diproses lebih sederhana karena permintaan dikirimkan melalui alamat
halaman (URL) dengan sistem penulisan secara berpasangan yaitu nama
varibel dan nilainya, dan pemisahan variabel menggunakan karakter dan (&).
Text
*Keterangan :
Komponen text ini biasanya
dipakai ketika kita melakukan pendaftaran Name : identitas yang digunakan untuk
diproses selanjutnya
account di kolom nama,dll. Adapun
Type : jenis komponen form
Komponen text ini hanya dapat digunakan
Value : variabel tambahan yang
untuk menuliskan kata dalam satu baris digunakan untuk editing yang lebih
spesifik
saja.

<form method=POSTaction=form.php>
NAMA:<input name=nama type =text value=>
</form>
Textbox
Komponen Textbox ini biasanya *Keterangan :

dipakai ketika kita diminta memasukkan name : identitas yang digunakan untuk
diproses selanjutnya
inputan dalam jumlah karakter yang
row : panjang / tinggi textbox
panjang seperti ketika menginputkan
cols : lebar textbox
alamat atau memasukkan komentar di
Value: variabel tambahan yang digunakan
suatu website. Dalam textbox jumlah untuk editing yang lebih spesifik
karakter yang dapat dimasukkan bisa lebih
dari satu baris.
<form method=POST action=form.php>
ALAMAT:<textarea name=alamat rows=10 cols=40 value=> <textarea>
</form>
 Radio Button
Radio Button ini merupakan *Keterangan :

komponen form yang mana membuat Name : identitas yang digunakan untuk
diproses selanjutnya
user harus memilih salah satu pilihan yang
type : jenis komponen form
tersedia.
value : variabel tambahan yang digunakan
untuk editing yang lebih spesifik
<form method=POST action=form.php>JENIS KELAMIN : NB : untuk membuat komponen form
<input name=gender type=radio value=1>Laki-
Laki</input><inputname=gendertype=radiovalue=2>Peremp dapat diproses pastikan pada
uan</input> </form> variabel name isinya sama namun
berbeda di variabel value nya
Select
Dalam Select ini user akan *Keterangan :
diminta memilih satu pilihan dari
beberapa pilihan yang ditampilkan name : identitas yang digunakan untuk
secara dropdown. Biasanya digunakan diproses selanjutnya
untuk memasukkan tanggal lahir, dll.
value : variabel tambahan yang digunakan
untuk editing yang lebih spesifik
Tanggal Lahir : <select name=tLahir>
NB : untuk membuat komponen form dapat
<option value=1>1</option>
diproses pastikan variabel value nya berbeda
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>
Check box
Check box ini memiliki tampilan yang *Keterangan :
hampir mirip dengan Radio Button, namun di
Check Box ini kita dapat memilih lebih dari name : identitas yang digunakan untuk
satu pilihan yang tersedia. Penggunaanya diproses selanjutnya
dapat ditemui di isian Hobby,dll dalam sebuah
form pendaftaran type : jenis komponen form
value : variabel tambahan yang digunakan
<form method="POST" action="form.php"> untuk editing yang lebih spesifik
HOBBY : <input name="hobby" type
="checkbox" value="1">Sepakbola</input>
<input name="hobby" type ="checkbox"
value="2">Badminton</input>
<input name="hobby" type ="checkbox"
value="3">Tenis</input>
<input name="hobby" type ="checkbox"
value="4">Tenis Meja</input>
</form>
Button
Button yang terdiri dari Submit dan *Keterangan :
Reset. Submit merupakan komponen form
yang digunakan untuk mengirim data inputan name : identitas yang digunakan untuk
menuju proses selanjutnya sementara Reset diproses selanjutnya
adalah komponen form yang digunakan untuk
menghapus semua data yang telah type : jenis komponen form
dimasukkan oleh user.
value : teks yang akan tertampil di button
submit dan reset
<form method=POST action=form.php>
<input name=submit type =submit
value=Kirim>
<input name=reset type =reset
value=Hapus>
</form>
Pengolahan Data Dari Form
Web menerima input dari user atau pengunjung
menggunakan metode GET dan POST. GET akan
mengirimkan data bersama dengan URL, sedangkan POST
akan mengirimkannya secara terpisah. User mengirimkan
data input dengan mengisi teks atau pilihan pada attibut
form html.
 Sample (Metode GET)
File metodeget.php metodegetproses.php
 Sample (Metode POST)
metodepost.php metodepostproses.php
FORM LOGIN & LOGOUT
1. Buat database dengan nama webpro.
2. Buat tabel dengan nama User dan isikan 3 untuk jumlah kolom yang akan
dibuat.
3. Kemudian isikan ke 3 kolom yang telah dibuat tadi seperti berikut :
Langkah berikutnya adalah membuat form dan proses PHP
ke database MySQL.

Disini diperlukan beberapa file yang harus dibuat.

1. koneksi.php
2. index.php
3. daftar.php
4. prosesdaftar.php
5. login.php
6. proseslogin.php
7. logout.php
1. Sebelum ke pembuatan form daftar dan login saya
minta untuk membuat file koneksi.php
2. Lalu buatlah file dengan nama index.php dimana file
ini akan ditampilkan ketika login sukses.
3. Buatlah file dengan nama daftar.php
4. Sekarang buat file prosesdaftar.php ntuk melakukan
proses yang diminta pada file daftar.php.
5. Selanjutnya adalah membuat file login.php
6. agar file login dapat berjalan buatlah file
proseslogin.php
7. Dan yang terakhir adalah membuat file logout.php
untuk menghapus session yang telah digunakan