2. 6. Struktur Kontrol
Secara mendasar, struktur program
dapat dibagi menjadi 3 :
Pemilihan
(Selection)
Pengulangan (Iteration)
Urutan (Sequence)
3. 6.3. Urutan (Squence)
Digunakan untuk mengurutkan data
Pembahasan sementara dipending sampai
pada pembahasan mengenai Array /
database
5. 7. Form
Pokok bahasan pada bab ini :
Penanganan Form
Jenin-jenis input :
Form Input Type TEXT dan PASSWORD
Form Input Type RADIO
Form Input Type CHECKBOX
Form Input Type COMBO BOX / LIST
Form Input Type TEXTAREA
Form Input Type Hidden
Attribut
Sebuah form ditandai dengan tag
<form>
</form>
7. 7.1.1 Method
Web menerima input dari user dengan menggunakan dua
method, yaitu GET dan POST
Perbedaan dari kedua method ini adalah caranya bagaimana
sebuah form mengirimkan datanya.
Method GET akan mengirimkan data bersama pada
URL, sedangkan method POST mengirimkan datanya secara
terpisah
Pada penerapanya, Method GET digunakan untuk mengirimkan
data yang sederhana, sedang method POST digunakan untuk
mengirimkan data yang kompleks / bersifat rahasia.
<form method="post">
</form>
8. 7.1.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.
<form method="post" action="">
</form>
9. 7.1.3 Button
Button / Tombol digunakan untuk melakukan perintah.
Ada 2 jenis button, yaitu Button Submit dan Reset
Tombol submit digunakan untuk melakukan perintah agar
data yang di masukkan pada form dikirim kepada server
Sedang tombol Reset digunakan untuk menghapus isian
form agar dapat di isi ulang.
<form method="post" action="">
<input type="submit" value=“Kirim">
</form>
11. 7.2 Jenis-Jenis Input
7.2.1 Form Input Type TEXT
Digunakan untuk memasukkan teks biasa, dan hanya stu
baris
Contoh (7.2.1.php):
<form method="post" action="">
<input name="a" type="text">
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
12. 7.2.2 Form Input Type Password
Digunakan untuk memasukkan teks berupa
password, dimana teks akan disembunyikan, yang nampak
hanya deretan bintang / asterik
Contoh (7.2.2.php):
<form method="post" action="">
<input name="a" type="password">
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
13. 7.2.3 Form Input Type RADIO
Digunakan untuk memberikan sebuah pilihan saja
Contoh (7.2.3.php):
<form method="post" action="">
<input name=“a" type="radio" value="A">
<input name=“a" type="radio" value="B">
<input name=“a" type="radio" value="C">
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
14. 7.2.4 Form Input Type CHECKBOX
Digunakan untuk memberikan beberapa pilihan yang dapat
dipilih secara bersamaan
Contoh (7.2.4.php):
<form method="post" action="">
<input type="checkbox" name="a" value="A">
<input type="checkbox" name="b" value="B">
<input type="checkbox" name="c" value="C">
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
15. 7.2.5 Form Input Type LIST
Digunakan untuk memberikan beberapa pilihan menggunakan menu
dropdown, namun hanya satu yang dapat dipilih
Contoh (7.2.5.php):
<form method="post" action="">
<select name="a">
<option value="Senin">Senin</option>
<option value="Selasa">Selasa</option>
<option value="Rabu">Rabu</option>
</select>
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
16. 7.2.6 Form Input Type TEXTAREA
Digunakan untuk memberikan masukan teks lebih dari satu baris
Contoh (7.2.6.php):
<form method="post" action="">
<textarea name="a"></textarea>
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
17. 7.2.7 Form Input Type TEXTAREA
Digunakan untuk memberikan masukan teks yang
tersembunyi, dimana isinya (value-nya) sudah ditetapkan
Contoh (7.2.7.php):
<form method="post" action="">
<input type="hidden" name="a" value="Test">
<input type="submit" value="Kirim">
<input type="reset" value="Kosong">
</form>
18. LATIHAN 1
Pada tugas menampilkan angka seperti dibawah ini,
1
22
333
4444
55555
666666
7777777
Gunakan Form untuk memasukkan angka maksimalnya
19. LATIHAN 2
Pada soal yang sama, Gunakan Form untuk memasukkan
angka awal dan angka ahirnya, sehingga bisa ditampilkan
angka awal dan ahirnya secara dinamis, misalnya dimulai
dari angka 4, dan diahiri angka 9
4444
55555
666666
7777777
88888888
999999999
20. LATIHAN 3
Pada soal Adi akan menikahi Putri, gunakan form
RADIO untuk pilihan setuju dan tidak setuju
seperti berikut ini :
21. LATIHAN 4
Pada soal Adi akan menikahi Putri, gunakan form
LIST / DROPDOWN untuk pilihan setuju dan
tidak setuju seperti berikut ini :