WEBPROGRAMINGI

fardian902@gmail.com
Iedam.iao@bsi.ac.id
 BABVI
PENGENALANFORM
KomponenForm
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
Komponen text ini biasanya dipakai *Keterangan :
ketika kita melakukan pendaftaran account Name : identitas yang digunakan untuk
di kolom nama,dll. Adapun Komponen text diproses selanjutnya

ini hanya dapat digunakan untuk Type : jenis komponen form

menuliskan kata dalam satu baris saja. Value : variabel tambahan yang
digunakan untuk editing yang lebih
spesifik

<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 user Name : identitas yang digunakan untuk
harus memilih salah satu pilihan yang diproses selanjutnya
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-
dapat diproses pastikan pada
Laki</input><inputname=gendertype=radiovalue=2>Peremp
uan</input> </form> variabel name isinya sama namun berbeda
di variabel value nya
Select
Dalam Select ini user akan diminta *Keterangan :
memilih satu pilihan dari beberapa
pilihan yang ditampilkan secara name : identitas yang digunakan untuk
dropdown. Biasanya digunakan untuk diproses selanjutnya
memasukkantanggallahir,dll.
value : variabel tambahan yang digunakan
untuk editing yang lebih spesifik
Tanggal Lahir : <select name=tLahir>
<option value=1>1</option> NB : untuk membuat komponen form dapat
<option value=2>2</option> diproses pastikan variabel value nya berbeda
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>
Checkbox
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
type : jenis komponen form
form pendaftaran
<formmethod="POST"action="form.php"> value : variabel tambahan yang digunakan
HOBBY : <input name="hobby" type untuk editing yang lebih spesifik
="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">TenisMeja</input>
</form>
Button
Button yang terdiri dari Submit dan Reset. *Keterangan :
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
type : jenis komponen form
menghapus semua data yang telah
dimasukkan oleh user. value : teks yang akan tertampil di button
submit dan reset
<formmethod=POSTaction=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
formhtml.
 Sample (Metode GET)
Filemetodeget.php metodegetproses.php
 Sample (Metode POST)
metodepost.php metodepostproses.php
FORMLOGIN&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