bab 5
TRANSCRIPT
6. Struktur KontrolSecara mendasar, struktur program dapat dibagi menjadi 3 :
Pemilihan (Selection)Pengulangan (Iteration)Urutan (Sequence)
6.3. Urutan (Squence)Digunakan untuk mengurutkan dataPembahasan sementara dipending
sampai pada pembahasan mengenai Array / database
7. FormPokok bahasan pada bab ini :Penanganan Form Jenin-jenis input :
Form Input Type TEXT dan PASSWORDForm Input Type RADIOForm Input Type CHECKBOXForm Input Type COMBO BOX / LISTForm Input Type TEXTAREAForm Input Type Hidden
AttributSebuah form ditandai dengan tag
<form> </form>
7.1.1 MethodWeb menerima input dari user dengan menggunakan
dua method, yaitu GET dan POSTPerbedaan 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>
7.1.2 ActionAction 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>
7.1.3 ButtonButton / Tombol digunakan untuk melakukan
perintah.Ada 2 jenis button, yaitu Button Submit dan ResetTombol 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>
Contoh (7.1.php):
<form method="post" action=""> <input name="a" type="text"> <input type="submit" value="Kirim"> <input type="reset" value=“Kosong"></form>
<?$a = $_POST['a'];echo "$a";?>
7.2 Jenis-Jenis Input7.2.1 Form Input Type TEXTDigunakan 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>
7.2.2 Form Input Type PasswordDigunakan 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>
7.2.3 Form Input Type RADIODigunakan 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>
7.2.4 Form Input Type CHECKBOXDigunakan 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>
7.2.5 Form Input Type LISTDigunakan 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>
7.2.6 Form Input Type TEXTAREADigunakan 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>
7.2.7 Form Input Type TEXTAREADigunakan 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>
LATIHAN 1Pada tugas menampilkan angka seperti
dibawah ini,1223334444555556666667777777
Gunakan Form untuk memasukkan angka maksimalnya
LATIHAN 2Pada 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
444455555666666777777788888888999999999
LATIHAN 3Pada soal Adi akan menikahi Putri, gunakan
form RADIO untuk pilihan setuju dan tidak setuju seperti berikut ini :
LATIHAN 4Pada soal Adi akan menikahi Putri, gunakan
form LIST / DROPDOWN untuk pilihan setuju dan tidak setuju seperti berikut ini :