SlideShare a Scribd company logo
Asep Nasrudin, ST
PENGANTAR FORM
Form inputan dibuat dengan tag-tag HTML.

Untuk merancang sebuah form inputan, ada 3 (tiga) hal penting
1. METHOD
Bagaimana data inputan dikirim dan diproses oleh PHP. GET dan POST.
2. ACTION
Action dari sebuah form menentukan dimana data inputan dari form
diproses.
3. SUBMIT BUTTON
Berfungsi sebagai trigger pengiriman data dari form inputan.
GET DAN POST

POST dan GET memiliki kegunaan yang sama yaitu untuk
mengirimkan value variabel ke halaman lain atau
mengirimkan ke database.
Method GET ketika mengirimkan data akan
menambahkan pada URI
Method POST dikirim ke server dengan diincludekan
pada sebuah permintaan (body of request) dan bukan
melalui URI dan hasil dari method POST ini nggak
bersifat cacheable (dapat disimpan dalam cache)
CONTOH GET
<FORM ACTION="" METHOD="GET" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>

<?php
ERROR_REPORTING(0);
$nama = $_GET['nama'];
echo "Nama Anda : <b>$nama</b>";
?>
CONTOH POST
<FORM ACTION="" METHOD=“POST" NAME="input">
Nama Anda : <input type="text" name="nama"><br>
<input type="submit" name="Input" value="Input">
</FORM>

<?php
ERROR_REPORTING(0);
$nama = $_POST['nama'];
echo "Nama Anda : <b>$nama</b>";
?>
FORM INPUT TYPE RADIO
Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara
beberapa pilihan.
<FORM ACTION="" METHOD="POST" NAME="input">
<H2>Pilih Jurusan Anda :</h2>
<INPUT type="radio" name="JURUSAN" value="TEKNIK INFORMATIKA" checked> TEKNIK INFORMATIKA <BR>
<INPUT type="radio" name="JURUSAN" value="TEKNIK LISTRIK" > TEKNIK LISTRIK <BR>
<INPUT type="radio" name="JURUSAN" value="TEKNIK OTOMITIP" > TEKNIK OTOMITIP <BR>
<input type="submit" value="ok">
</FORM>

<?php
ERROR_REPORTING(0);
$nama = $_POST['JURUSAN'];
echo "Jurusan Anda : <b>$nama</b>";
?>
FORM INPUT TYPE CHECKBOX
Pada form inputan jenis check box, user dimungkinkan memilih lebih
dari satu pilihan.

<FORM ACTION="" METHOD="POST" NAME="input">
<H2>Pilih Hobby Anda :</h2>
<INPUT type="checkbox" name="hobi1" value="makan baso"> makan baso <BR>
<INPUT type="checkbox" name="hobi2" value="tenis"> tenis <BR>
<INPUT type="checkbox" name="hobi3" value="Basket"> Basket <BR>
<input type="submit" value="ok">
</FORM>
<?php
ERROR_REPORTING(0);
$hob1 = $_POST['hobi1'];
$hob2 = $_POST['hobi2'];
$hob3 = $_POST['hobi3'];
echo "anda memiliki Hobby: <b> <br> $hob1 <br> $hob2 <br> $hob3 </b> <br>";
?>
FORM INPUT TYPE COMBO BOX
<FORM ACTION="" METHOD="POST" NAME="input">
<H2> JENIS kELAMIN :</h2>
<select name="jenis_kelamin“ >
<option value="LAKI-LAKI">LAKI-LAKI</option>
<option value="PEREMPUAN">PEREMPUAN</option>
</select>
<input type="submit" value="ok">
</FORM>
<?php
ERROR_REPORTING(0);
$JK = $_POST['jenis_kelamin'];
echo "JENIS KELAMIN ANDA ADALAH <B> $JK </B>";
?>
TEXTAREA
<FORM ACTION="" METHOD="POST" NAME="input">
<H2> KOMENTAR :</h2>
<textarea name="saran" cols="40" rows="8"> </textarea> <br>
<input type="submit" value="ok">
</FORM>

<?php
ERROR_REPORTING(0);
$saran = $_POST['saran'];
echo "komentar anda adalah <B> $saran</B>";
?>

More Related Content

Similar to Pertemuan ke 6

11 form
11 form11 form
11 form
Amiroh S.Kom
 
07 form
07 form07 form
07 form
Amiroh S.Kom
 
Bab2 form php
Bab2 form phpBab2 form php
Bab2 form php
Fajar Istiqomah
 
Pemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostPemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan Post
KuliahKita
 
7.materi membuat form (ok)
7.materi membuat form (ok)7.materi membuat form (ok)
7.materi membuat form (ok)
Nacha Evangelion
 
Pertemuan 06
Pertemuan 06Pertemuan 06
Pertemuan 06
Andyy EmeMezt
 
4 basic html form
4 basic html form4 basic html form
4 basic html form
M Stalaktit
 
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQueryEntri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Achmad Solichin
 
Pertemuan 3-html
Pertemuan 3-htmlPertemuan 3-html
Pertemuan 3-html
rurydwirahayu
 
BAB IV.pdf
BAB IV.pdfBAB IV.pdf
BAB IV.pdf
YosepKris2
 
Membuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSPMembuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSP
Ibrahim Naki
 
Ajax - PHP
Ajax - PHPAjax - PHP
Ajax - PHP
Azep Ardie
 
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/CornerTugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
Seto Elkahfi
 
Kelompok 7(edit)
Kelompok 7(edit)Kelompok 7(edit)
Kelompok 7(edit)
Kanda Kaisar
 
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
AngKianITSMAKIBC
 
Ansanwan form sederhana php
Ansanwan form sederhana phpAnsanwan form sederhana php
Ansanwan form sederhana php
Sigit Ariyanto
 
test saja kok
test saja koktest saja kok
test saja kok
nehakhus
 
Laporan praktikum bengkel web dengan PHP
Laporan praktikum bengkel web dengan PHPLaporan praktikum bengkel web dengan PHP
Laporan praktikum bengkel web dengan PHP
Okta Riveranda
 
Penggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman webPenggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman web
I Gede Iwan Sudipa
 

Similar to Pertemuan ke 6 (20)

11 form
11 form11 form
11 form
 
07 form
07 form07 form
07 form
 
Bab2 form php
Bab2 form phpBab2 form php
Bab2 form php
 
Pemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan PostPemrograman Web - Request Get dan Post
Pemrograman Web - Request Get dan Post
 
7.materi membuat form (ok)
7.materi membuat form (ok)7.materi membuat form (ok)
7.materi membuat form (ok)
 
Pertemuan 06
Pertemuan 06Pertemuan 06
Pertemuan 06
 
Pertemuan 06
Pertemuan 06Pertemuan 06
Pertemuan 06
 
4 basic html form
4 basic html form4 basic html form
4 basic html form
 
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQueryEntri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
 
Pertemuan 3-html
Pertemuan 3-htmlPertemuan 3-html
Pertemuan 3-html
 
BAB IV.pdf
BAB IV.pdfBAB IV.pdf
BAB IV.pdf
 
Membuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSPMembuat Kalkulator Dengan JSP
Membuat Kalkulator Dengan JSP
 
Ajax - PHP
Ajax - PHPAjax - PHP
Ajax - PHP
 
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/CornerTugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
Tugas Akhir BSI - Perancangan Toko Online NANO/Computer/Corner
 
Kelompok 7(edit)
Kelompok 7(edit)Kelompok 7(edit)
Kelompok 7(edit)
 
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
 
Ansanwan form sederhana php
Ansanwan form sederhana phpAnsanwan form sederhana php
Ansanwan form sederhana php
 
test saja kok
test saja koktest saja kok
test saja kok
 
Laporan praktikum bengkel web dengan PHP
Laporan praktikum bengkel web dengan PHPLaporan praktikum bengkel web dengan PHP
Laporan praktikum bengkel web dengan PHP
 
Penggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman webPenggunaan FORM dalam pemrograman web
Penggunaan FORM dalam pemrograman web
 

Pertemuan ke 6

  • 2. PENGANTAR FORM Form inputan dibuat dengan tag-tag HTML. Untuk merancang sebuah form inputan, ada 3 (tiga) hal penting 1. METHOD Bagaimana data inputan dikirim dan diproses oleh PHP. GET dan POST. 2. ACTION Action dari sebuah form menentukan dimana data inputan dari form diproses. 3. SUBMIT BUTTON Berfungsi sebagai trigger pengiriman data dari form inputan.
  • 3. GET DAN POST POST dan GET memiliki kegunaan yang sama yaitu untuk mengirimkan value variabel ke halaman lain atau mengirimkan ke database. Method GET ketika mengirimkan data akan menambahkan pada URI Method POST dikirim ke server dengan diincludekan pada sebuah permintaan (body of request) dan bukan melalui URI dan hasil dari method POST ini nggak bersifat cacheable (dapat disimpan dalam cache)
  • 4. CONTOH GET <FORM ACTION="" METHOD="GET" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input"> </FORM> <?php ERROR_REPORTING(0); $nama = $_GET['nama']; echo "Nama Anda : <b>$nama</b>"; ?>
  • 5. CONTOH POST <FORM ACTION="" METHOD=“POST" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input"> </FORM> <?php ERROR_REPORTING(0); $nama = $_POST['nama']; echo "Nama Anda : <b>$nama</b>"; ?>
  • 6. FORM INPUT TYPE RADIO Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara beberapa pilihan. <FORM ACTION="" METHOD="POST" NAME="input"> <H2>Pilih Jurusan Anda :</h2> <INPUT type="radio" name="JURUSAN" value="TEKNIK INFORMATIKA" checked> TEKNIK INFORMATIKA <BR> <INPUT type="radio" name="JURUSAN" value="TEKNIK LISTRIK" > TEKNIK LISTRIK <BR> <INPUT type="radio" name="JURUSAN" value="TEKNIK OTOMITIP" > TEKNIK OTOMITIP <BR> <input type="submit" value="ok"> </FORM> <?php ERROR_REPORTING(0); $nama = $_POST['JURUSAN']; echo "Jurusan Anda : <b>$nama</b>"; ?>
  • 7. FORM INPUT TYPE CHECKBOX Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu pilihan. <FORM ACTION="" METHOD="POST" NAME="input"> <H2>Pilih Hobby Anda :</h2> <INPUT type="checkbox" name="hobi1" value="makan baso"> makan baso <BR> <INPUT type="checkbox" name="hobi2" value="tenis"> tenis <BR> <INPUT type="checkbox" name="hobi3" value="Basket"> Basket <BR> <input type="submit" value="ok"> </FORM> <?php ERROR_REPORTING(0); $hob1 = $_POST['hobi1']; $hob2 = $_POST['hobi2']; $hob3 = $_POST['hobi3']; echo "anda memiliki Hobby: <b> <br> $hob1 <br> $hob2 <br> $hob3 </b> <br>"; ?>
  • 8. FORM INPUT TYPE COMBO BOX <FORM ACTION="" METHOD="POST" NAME="input"> <H2> JENIS kELAMIN :</h2> <select name="jenis_kelamin“ > <option value="LAKI-LAKI">LAKI-LAKI</option> <option value="PEREMPUAN">PEREMPUAN</option> </select> <input type="submit" value="ok"> </FORM> <?php ERROR_REPORTING(0); $JK = $_POST['jenis_kelamin']; echo "JENIS KELAMIN ANDA ADALAH <B> $JK </B>"; ?>
  • 9. TEXTAREA <FORM ACTION="" METHOD="POST" NAME="input"> <H2> KOMENTAR :</h2> <textarea name="saran" cols="40" rows="8"> </textarea> <br> <input type="submit" value="ok"> </FORM> <?php ERROR_REPORTING(0); $saran = $_POST['saran']; echo "komentar anda adalah <B> $saran</B>"; ?>