SlideShare a Scribd company logo
1 of 22
6. Struktur Kontrol
Secara mendasar, struktur program
dapat dibagi menjadi 3 :
 Pemilihan

(Selection)
 Pengulangan (Iteration)
 Urutan (Sequence)
6.3. Urutan (Squence)
Digunakan untuk mengurutkan data
Pembahasan sementara dipending sampai
pada pembahasan mengenai Array /
database
PENANGANAN FORM PADA PHP
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.1 Penanganan Form
Ada 3 hal penting pada sebuah form :
1. Method
2. Action
3. Button
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>
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>
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>
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 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>
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>
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>
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>
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>
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>
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>
LATIHAN 1
Pada tugas menampilkan angka seperti dibawah ini,
1
22
333
4444
55555
666666
7777777

Gunakan Form untuk memasukkan angka maksimalnya
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
LATIHAN 3
Pada soal Adi akan menikahi Putri, gunakan form

RADIO untuk pilihan setuju dan tidak setuju
seperti berikut ini :
LATIHAN 4
Pada soal Adi akan menikahi Putri, gunakan form

LIST / DROPDOWN untuk pilihan setuju dan
tidak setuju seperti berikut ini :
SELESAI
TERIMA KASIH

More Related Content

Similar to Bab 5

06 elemen form pada html
06   elemen form pada html06   elemen form pada html
06 elemen form pada htmlDeka M Wildan
 
Pemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostPemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostKuliahKita
 
4 basic html form
4 basic html form4 basic html form
4 basic html formM Stalaktit
 
Pertemuan 09 (procedure dan function database)
Pertemuan 09 (procedure dan function database)Pertemuan 09 (procedure dan function database)
Pertemuan 09 (procedure dan function database)Rifky A Ayub
 
Laporan praktikum web ke 5
Laporan praktikum web ke 5Laporan praktikum web ke 5
Laporan praktikum web ke 5sunubismel13
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database MysqlYusuf A.H.
 
Form and modulasi
Form and modulasiForm and modulasi
Form and modulasiAlwin Fau
 
Tugas 7 - Rekayasa Web
Tugas 7 - Rekayasa WebTugas 7 - Rekayasa Web
Tugas 7 - Rekayasa Webarisjunedi
 
Chapter-02 Pemrograman Dasar HTML & CSS.pptx
Chapter-02 Pemrograman Dasar HTML & CSS.pptxChapter-02 Pemrograman Dasar HTML & CSS.pptx
Chapter-02 Pemrograman Dasar HTML & CSS.pptxAngKianITSMAKIBC
 
webdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan formwebdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan formSMK Negeri 6 Malang
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Arifin Swift
 

Similar to Bab 5 (20)

11 form
11 form11 form
11 form
 
07 form
07 form07 form
07 form
 
06 elemen form pada html
06   elemen form pada html06   elemen form pada html
06 elemen form pada html
 
07 form
07 form07 form
07 form
 
Pemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostPemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan Post
 
29510 pertemuan18(form method-get-post-dan-session(1))
29510 pertemuan18(form method-get-post-dan-session(1))29510 pertemuan18(form method-get-post-dan-session(1))
29510 pertemuan18(form method-get-post-dan-session(1))
 
4 basic html form
4 basic html form4 basic html form
4 basic html form
 
BAB IV.pdf
BAB IV.pdfBAB IV.pdf
BAB IV.pdf
 
Pertemuan 09 (procedure dan function database)
Pertemuan 09 (procedure dan function database)Pertemuan 09 (procedure dan function database)
Pertemuan 09 (procedure dan function database)
 
Laporan praktikum web ke 5
Laporan praktikum web ke 5Laporan praktikum web ke 5
Laporan praktikum web ke 5
 
Pertemuan 3-html
Pertemuan 3-htmlPertemuan 3-html
Pertemuan 3-html
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database Mysql
 
Form and modulasi
Form and modulasiForm and modulasi
Form and modulasi
 
Tugas 7 - Rekayasa Web
Tugas 7 - Rekayasa WebTugas 7 - Rekayasa Web
Tugas 7 - Rekayasa Web
 
Chapter-02 Pemrograman Dasar HTML & CSS.pptx
Chapter-02 Pemrograman Dasar HTML & CSS.pptxChapter-02 Pemrograman Dasar HTML & CSS.pptx
Chapter-02 Pemrograman Dasar HTML & CSS.pptx
 
Bab2 form php
Bab2 form phpBab2 form php
Bab2 form php
 
webdesign dasar : 08 form
webdesign dasar : 08 formwebdesign dasar : 08 form
webdesign dasar : 08 form
 
webdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan formwebdesign dasar : 09 mengubah tampilan form
webdesign dasar : 09 mengubah tampilan form
 
tugas 7 - 0316
tugas 7 - 0316tugas 7 - 0316
tugas 7 - 0316
 
Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)Pemrograman Internet - HTML (2)
Pemrograman Internet - HTML (2)
 

More from Ariezsam

More from Ariezsam (7)

Install win7.ppt
Install win7.pptInstall win7.ppt
Install win7.ppt
 
Bab 4
Bab 4Bab 4
Bab 4
 
Bab 3
Bab 3Bab 3
Bab 3
 
Bab 2
Bab 2Bab 2
Bab 2
 
Php 1
Php 1Php 1
Php 1
 
Php 0
Php 0Php 0
Php 0
 
Flowchat
FlowchatFlowchat
Flowchat
 

Bab 5

  • 1.
  • 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>
  • 6. 7.1 Penanganan Form Ada 3 hal penting pada sebuah form : 1. Method 2. Action 3. Button
  • 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>
  • 10. 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"; ?>
  • 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 :

Editor's Notes

  1. 7.2.8.php
  2. 7.2.9.php
  3. 7.2.10.php
  4. 7.2.11.php