penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi...

13
Diktat Kuliah Aplikasi Komputer Berbagai Cara Penanga Form Input Type TEXT Form Input Type RADI Form Input Type CHEC Form Input Type COMB Form Input Type TEXT P Form inputan dibuat denga murni (tidak ada script php bentuk html. Untuk merancang sebuah 1. METHOD Method dari sebuah for Method ini ada dua ma bagaimana data inputa 2. ACTION Action dari sebuah form Jika action ini dikosong yang sama. Jadi halam dijadikan satu. 3. SUBMIT BUTTON Submit button merupa sebagai trigger pengirim maka data form akan d pada atribut action. Berbagai Cara Penanganan Cara 1 : Menyatukan anta Proses pengolahan form d inputannya. Jika proses pe atribut action pada tag form Program 5.1 Nama File : input01.php Deskripsi : Program Co dan proses p 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head><title>Pengolah </head> <body> <FORM ACTIO Nama And <input type </FORM> </body> </html> <?php if (isset($_POST['Input']) $nama =$_PO echo "Nama Anda : < } ?> Halama r II anan Form T dan PASSWORD IO CKBOX BO BOX TAREA Penanganan Form an tag-tag HTML. Halaman yang mengandung form p) tidak harus disimpan dalam bentuk php, bisa dal form inputan, setidaknya ada 3 (tiga) hal penting, rm menentukan bagaimana data inputan form diki acam, yaitu GET dan POST. Method ini menentukan an dikirim dan diproses oleh PHP. m menentukan dimana data inputan dari form dipr gkan, maka dianggap proses form terjadi di halama man form dan halaman proses bisa saja dipisah ata akan sebuah tombol (pada umumnya) yang berfung man data dari form inputan. Jika tombol ini ditekan, dikirimkan (diproses) di halaman yang sudah diten n Form ara Form dan Proses dilakukan di halaman yang sama dengan form enanganan form berada di satu halaman, maka valu m tidak perlu diisi (dikosongkan). ontoh pengolahan form dimana antara form inputan pengolahan inputan berada dalam satu halaman. hanForm</title> ON="" METHOD="POST" NAME="input"> da : <input type="text" name="nama"><br> e="submit" name="Input" value="Input"> )) { OST['nama']; <b>$nama</b>"; an 36 m lam , yi : rim. n roses. an au gsi , ntukan ue

Transcript of penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi...

Page 1: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

□ Berbagai Cara Penanganan

□ Form Input Type TEXT dan

□ Form Input Type RADIO

□ Form Input Type CHECKBOX

□ Form Input Type COMBO

□ Form Input Type TEXTAREA

Penanganan Form

Form inputan dibuat dengan tag

murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam

bentuk html.

Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal pe

1. METHOD

Method dari sebuah form menentukan bagaimana data inputan form dikirim.

Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan

bagaimana data inputan dikirim dan diproses oleh PHP.

2. ACTION

Action dari sebuah form menentukan

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.

3. SUBMIT BUTTON

Submit button merupakan sebuah tombol (pa

sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan,

maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan

pada atribut action.

Berbagai Cara Penanganan Form

Cara 1 : Menyatukan antara Form dan Proses

Proses pengolahan form dilakukan di halaman yang sama dengan form

inputannya. Jika proses penanganan form berada di satu

atribut action pada tag form

Program 5.1

Nama File : input01.php

Deskripsi : Program Contoh pengolahan form dimana antara form inputan

dan proses pengolahan inputan berada dalam satu

1

2 3 4 5

6 7 8 9

10 11 12 13

14 15 16 17

<html> <head><title>PengolahanForm</title> </head>

<body> <FORM ACTION="" METHOD="POST" NAME="input">

Nama Anda : <input type="text" name="nama"><br><input type="submit" name="Input" value="Input">

</FORM> </body>

</html>

<?php

if (isset($_POST['Input'])) {$nama =$_POST['nama'];

echo "Nama Anda : <b>$nama</b>";} ?>

Halaman

Diktat Kuliah Aplikasi Komputer II

Berbagai Cara Penanganan Form

Form Input Type TEXT dan PASSWORD

RADIO

CHECKBOX

Form Input Type COMBO BOX

TEXTAREA

Penanganan Form

Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form

php) tidak harus disimpan dalam bentuk php, bisa dalam

Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal penting, yi :

Method dari sebuah form menentukan bagaimana data inputan form dikirim.

Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan

bagaimana data inputan dikirim dan diproses oleh PHP.

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

Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi

pengiriman data dari form inputan. Jika tombol ini ditekan,

maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan

Berbagai Cara Penanganan Form

ara Form dan Proses

Proses pengolahan form dilakukan di halaman yang sama dengan form

inputannya. Jika proses penanganan form berada di satu halaman, maka value

form tidak perlu diisi (dikosongkan).

: Program Contoh pengolahan form dimana antara form inputan

dan proses pengolahan inputan berada dalam satu halaman.

<head><title>PengolahanForm</title>

<FORM ACTION="" METHOD="POST" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input">

if (isset($_POST['Input'])) { $nama =$_POST['nama'];

<b>$nama</b>";

Halaman 36

tag HTML. Halaman yang mengandung form

php) tidak harus disimpan dalam bentuk php, bisa dalam

nting, yi :

Method dari sebuah form menentukan bagaimana data inputan form dikirim.

Method ini ada dua macam, yaitu GET dan POST. Method ini 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

da umumnya) yang berfungsi

pengiriman data dari form inputan. Jika tombol ini ditekan,

maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan

value

Page 2: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Penjelasan Program 5.1

Beberapa hal yang perlu diperhatikan dari program

mengenai nama setiap komponen form karena nama ini akan menjadi index array

dalam PHP. Pada program

diisi (baris 4), ini berarti bahwa proses pengolahan form berada di halaman yang

sama. Selanjutnya (baris 4) method yang digunakan dalam penanganan form

adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan.

Mulai baris ke-11 hingga 16, terdapat script / program PHP yang akan

menangani (mengolah) nilai yang diinputkan melalui form. Letak proses inputan

ini boleh sebelum atau sesudah form, tergantung kebutuhan. Pada baris ke

terdapat pemeriksaan kondisi apakah tombol dengan

index array $_POST dan bandingkan dengan

benar-benar ditekan atau tidak oleh user. Selanjutnya pada baris keinputan dari form akan diambil dengan cara mengakses array $_POST

dengan komponen form yang akan diambil. Pada baris 13 ini, isi komponen

inputan dengan nama “nama

Index array $_POST pada baris 13 harus

baris ke-5.

Gambar

Cara 2 : Memisahkkan antara Form dan Proses

Proses pengolahan form dilakukan di halaman yang terpisah dengan form

inputannya. Jika proses penanganan form berada dilakukan di halaman yang

berbeda, maka value atribut

halaman tempat proses pengolahan

Program 5.2

Nama File : input02.php

Deskripsi : Program menampilkan form inputan dengan method

1

2 3 4 5

6 7 8

9

<html> <head><title>PengolahanForm</title></head>

<body>

<FORM ACTION="proses02.php" METHODNama Anda : <input type="text" name="nama"><br><input type="submit" name="Input" value="Input">

</FORM> </body>

</html>

Halaman

Diktat Kuliah Aplikasi Komputer II

Beberapa hal yang perlu diperhatikan dari program 5.1 di atas, di antaranya

mengenai nama setiap komponen form karena nama ini akan menjadi index array

dalam PHP. Pada program 5.1 di atas, value atribut action pada tag form ti

diisi (baris 4), ini berarti bahwa proses pengolahan form berada di halaman yang

sama. Selanjutnya (baris 4) method yang digunakan dalam penanganan form

adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan.

hingga 16, terdapat script / program PHP yang akan

menangani (mengolah) nilai yang diinputkan melalui form. Letak proses inputan

ini boleh sebelum atau sesudah form, tergantung kebutuhan. Pada baris ke-12,

terdapat pemeriksaan kondisi apakah tombol dengan nama “Input” (perhatikan

dan bandingkan dengan name tombol submit pada form)

benar ditekan atau tidak oleh user. Selanjutnya pada baris ke-13, nilai inputan dari form akan diambil dengan cara mengakses array $_POST sesuai

komponen form yang akan diambil. Pada baris 13 ini, isi komponen

nama” akan diambil dan dimasukkan ke variabel $nama

Index array $_POST pada baris 13 harus sama dengan value atribut name

Gambar 5.1. Tampilan Program 5.1

Cara 2 : Memisahkkan antara Form dan Proses

Proses pengolahan form dilakukan di halaman yang terpisah dengan form

inputannya. Jika proses penanganan form berada dilakukan di halaman yang

atribut action pada tag form harus diisi dengan alamat

halaman tempat proses pengolahan form.

: Program menampilkan form inputan dengan method POST

<head><title>PengolahanForm</title></head>

<FORM ACTION="proses02.php" METHOD="POST" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input">

Halaman 37

.1 di atas, di antaranya

tidak

sama. Selanjutnya (baris 4) method yang digunakan dalam penanganan form

adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan.

menangani (mengolah) nilai yang diinputkan melalui form. Letak proses inputan

12,

” (perhatikan

pada form)

13, nilai

nama.

name pada

inputannya. Jika proses penanganan form berada dilakukan di halaman yang

diisi dengan alamat

Page 3: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Program 5.3

Nama File : proses02.php

Deskripsi : Program penanganan form inputan untuk

1

2 3 4 5

6

Gambar

Gambar

Program 5.4

Nama File : input03.php

Deskripsi : Program menampilkan form inputan dengan method

1

2 3 4 5 6 7 8

9

<?php

if (isset($_POST['Input'])) {$nama =$_POST['nama'];

echo "Nama Anda : <b>$nama</b>";} ?>

<html> <head><title>PengolahanForm</title></head>

<body> <FORM ACTION="proses03.php" METHOD="GET" NAME="input">

Nama Anda : <input type="text" name="nama"><br><input type="submit" name="Input"

</FORM> </body>

</html>

Halaman

Diktat Kuliah Aplikasi Komputer II

: proses02.php

: Program penanganan form inputan untuk Program 5.2.

Gambar 5.2. Tampilan Program 5.2

Gambar 5.3. Tampilan Program 5.3

Program menampilkan form inputan dengan method GET

if (isset($_POST['Input'])) { $nama =$_POST['nama'];

<b>$nama</b>";

<head><title>PengolahanForm</title></head>

<FORM ACTION="proses03.php" METHOD="GET" NAME="input"> Nama Anda : <input type="text" name="nama"><br> <input type="submit" name="Input" value="Input">

Halaman 38

Page 4: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Program 5.5

Nama File : proses03.php

Deskripsi : Program penanganan form inputan untuk Program

1

2 3 4 5

6

Gambar

Gambar

Penjelasan Program 5.2, 5

Program 5.2 dan program

Hasilnya pun sama. Akan tetapi, proses penanganan form (PHP) terpisah dengan tampilan form inputannya (HTML). Pada program

menggunakan method POST, sedang pada program

dilakukan dengan method GET. Per

sebuah form diproses dan bagaimana variabel inputan diambil. Bandingkan baris

ke-2 dan ke-3 pada program

Form Input Type TEXT dan

Program 5.6

Nama File : input04.php

Deskripsi : Program menampilkan form inputan text dalam jumlah

1

2 3

<?php

if (isset($_GET['Input'])) {$nama =$_GET['nama'];

echo "Nama Anda : <b>$nama</b>";} ?>

<html>

<head><title>Pengolahan Form ~ Text</title></head><body>

Halaman

Diktat Kuliah Aplikasi Komputer II

: proses03.php

: Program penanganan form inputan untuk Program 5.4.

Gambar 5.4. Tampilan Program 5.4

Gambar 5.5. Tampilan Program 5.5

5.3, 5.4 dan 5.5

.2 dan program 5.3 pada prinsipnya sama dengan program 5

Hasilnya pun sama. Akan tetapi, proses penanganan form (PHP) terpisah dengan tampilan form inputannya (HTML). Pada program 5.2 dan 5.3, penanganan form

menggunakan method POST, sedang pada program 5.4 dan 5.5, penangan form

dilakukan dengan method GET. Perhatikan, method ini menentukan bagaimana

sebuah form diproses dan bagaimana variabel inputan diambil. Bandingkan baris

3 pada program 5.3 dan program 5.5 !

Form Input Type TEXT dan PASSWORD

: Program menampilkan form inputan text dalam jumlah banyak.

if (isset($_GET['Input'])) { $nama =$_GET['nama'];

echo "Nama Anda : <b>$nama</b>";

<head><title>Pengolahan Form ~ Text</title></head>

Halaman 39

5.1.

Hasilnya pun sama. Akan tetapi, proses penanganan form (PHP) terpisah dengan

.5, penangan form

ethod ini menentukan bagaimana

sebuah form diproses dan bagaimana variabel inputan diambil. Bandingkan baris

Page 5: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

4

5 6

7 8

9 10 11 12

13

Program 5.7

Nama File : proses04.php

Deskripsi : Program penanganan form inputan untuk Program

1 2 3 4 5 6 7 8

9 10 11 12 13

Penjelasan Program 5.6 dan

Baris 3-6 program 5.7 merupakan

masing form inputan text yang terdapat pada program

ini ditampilkan di layar (baris 8

Gambar

<FORM ACTION="proses04.php" METHOD="POST"

<input type="text"<input type="text"<input type="text"<input type="text"<input type="submit" name="Input" value="Input">

</FORM> </body>

</html>

<?php if (isset($_POST['Input'])) {

$nama1= $nama2= $nama3= $nama4=

echo "<b>Nama Sahabatecho $nama1. "<br>";echo $nama2. "<br>"; echo $nama3. "<br>"; echo $nama4. "<br>";

} ?>

Halaman

Diktat Kuliah Aplikasi Komputer II

: proses04.php

: Program penanganan form inputan untuk Program 5.6.

.6 dan 5.7

.7 merupakan proses pengambilan nilai dari masing

masing form inputan text yang terdapat pada program 5.6. Selanjutnya variabel

ini ditampilkan di layar (baris 8-11, program 5.7).

Gambar 5.6. Tampilan Program 5.6

<FORM ACTION="proses04.php" METHOD="POST" NAME="input"> Sahabat-sahabat Dekatku<br>

<input type="text" name="nama1"><br> <input type="text" name="nama2"><br> <input type="text" name="nama3"><br> <input type="text" name="nama4"><br> <input type="submit" name="Input" value="Input">

if (isset($_POST['Input'])) { $_POST['nama1']; $_POST['nama2']; $_POST['nama3']; $_POST['nama4'];

echo "<b>Nama Sahabat-sahabat Dekatku :</b> <br>"; "<br>";

echo $nama2. "<br>"; echo $nama3. "<br>";

"<br>";

Halaman 40

proses pengambilan nilai dari masing-

Page 6: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Gambar

Program 5.8

Nama File : input05.php

Deskripsi : Program menampilkan form login (inputan text dan

1

2 3

4 5 6 7 8

9 10 11 12

Program 5.9

Nama File : proses05.php

Deskripsi : Program sederhana untuk memeriksa inputan username dan

password pada program

1

2 3 4

5 6 7 8

9 10 11

Penjelasan Program 5.8 dan

Program 5.8 akan menampilkan form login sederhana yang terdiri dari

inputan username dan

di program 5.9. Jika username dan password diinput dengan benar maka akan

ditampilkan pesan berhasil (lihat gambar) dan jika login salah maka akan

ditampilkan pesan kesalahan (lihat

<html> <head><title>LoginHere</title></head>

<body>

<FORM ACTION="proses05.php" METHOD="POST" NAME="input">

Username : <input Password : <input type="password" name="password"><br><input type="submit" name="Login" value="Login"><input type="reset" name="reset" value="Reset">

</FORM> </body>

</html>

} ?>

echo "<h2>Login} else {

echo "<h2>Login}

<?php

if (isset($_POST['Login'])) {$user =$_POST['username'];$pass =$_POST['password'];

if ($user == "achmatim" && $pass == "123") {

Halaman

Diktat Kuliah Aplikasi Komputer II

Gambar 5.7. Tampilan Program 5.7

: Program menampilkan form login (inputan text dan password).

: proses05.php

: Program sederhana untuk memeriksa inputan username dan

password pada program 5.8

.8 dan 5.9

.8 akan menampilkan form login sederhana yang terdiri dari

password. Selanjutnya nilai yang diinput akan diproses

.9. Jika username dan password diinput dengan benar maka akan

ditampilkan pesan berhasil (lihat gambar) dan jika login salah maka akan

ditampilkan pesan kesalahan (lihat gambar).

<head><title>LoginHere</title></head>

<FORM ACTION="proses05.php" METHOD="POST" NAME="input"> <h2>Login Here...</h2>

Username : <input type="text" name="username"><br> Password : <input type="password" name="password"><br> <input type="submit" name="Login" value="Login"> <input type="reset" name="reset" value="Reset">

Gagal</h2>";

Berhasil</h2>"; "<h2>Login

"<h2>Login

if (isset($_POST['Login'])) { $user =$_POST['username']; $pass =$_POST['password'];

if ($user == "achmatim" && $pass == "123") {

Halaman 41

.8 akan menampilkan form login sederhana yang terdiri dari

. Selanjutnya nilai yang diinput akan diproses

.9. Jika username dan password diinput dengan benar maka akan

Page 7: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Gambar

Gambar 5.9. Tampilan Program

Gambar 5.10. Tampilan Program

Form Input Type RADIO

Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara

beberapa pilihan.

Program 5.10

Nama File : input06.php

Deskripsi : Program menampilkan form pilihan jurusan dengan radio

1

2 3 4

5

<html> <head><title>PilihJurusan</title></head>

<body>

<FORM ACTION="proses06.php" METHOD="POST" NAME="input"><h2>Pilih Jurusan Anda :</h2>

Halaman

Diktat Kuliah Aplikasi Komputer II

Gambar 5.8. Tampilan Program 5.8

.9. Tampilan Program 5.9 Jika Login Berhasil

.10. Tampilan Program 5.9 Jika Login Gagal

Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara

: Program menampilkan form pilihan jurusan dengan radio button

<head><title>PilihJurusan</title></head>

<FORM ACTION="proses06.php" METHOD="POST" NAME="input"> >Pilih Jurusan Anda :</h2>

Halaman 42

Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara

Page 8: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

6

7

8

9

10

11 12

13

Program 5.11

Nama File : proses06.php

Deskripsi : Program untuk

pada program

1

2 3 4

5 6 7

Penjelasan Program 5.10 dan

Program 5.10 akan menampilkan form pilihan inputan jurusan dengan radio

button (lihat gambar). Pada form inputan jenis radio button, name dari masing

masing radio button harus sama, akan tetapi value

Perhatikan program 5.10 baris 6

jenis radio, bisa langsung dengan mengakses name dari form tersebut.

Perhatikan program 5.11 baris ke

Gambar

<input type="radio" name="jurusan" value="TI" checked> Teknik Informatika<br>

<input type="radio" name="jurusan" value="SI"> SistemInformasi<br>

<input type="radio" name="jurusan" value="SK"> Sistem Komputer<br>

<input type="radio" name="jurusan" value="KA"> Komputerisasi Akuntansi<br>

<input type="submit" name="Pilih" value="Pilih"></FORM>

</body> </html>

<?php

if (isset($_POST['Pilih'])) {$jurusan = $_POST['jurusan']; echo "Jurusan Anda adalah

<b><font color='red'>$jurusan</font></b>";} ?>

Halaman

Diktat Kuliah Aplikasi Komputer II

: proses06.php

: Program untuk mengambil dan menampilkan jurusan yang dipilih

pada program 5.10

.10 dan 5.11

.10 akan menampilkan form pilihan inputan jurusan dengan radio

button (lihat gambar). Pada form inputan jenis radio button, name dari masing

masing radio button harus sama, akan tetapi value-nya harus dibedakan.

.10 baris 6-9 ! Untuk mengambil nilai (value) dari form

jenis radio, bisa langsung dengan mengakses name dari form tersebut.

.11 baris ke-3 !

Gambar 5.11. Tampilan Program 5.10

<input type="radio" name="jurusan" value="TI" checked>

<input type="radio" name="jurusan" value="SI"> Sistem

<input type="radio" name="jurusan" value="SK"> Sistem

<input type="radio" name="jurusan" value="KA"> Komputerisasi Akuntansi<br>

<input type="submit" name="Pilih" value="Pilih">

if (isset($_POST['Pilih'])) { $jurusan = $_POST['jurusan']; echo "Jurusan Anda adalah

<b><font color='red'>$jurusan</font></b>";

Halaman 43

.10 akan menampilkan form pilihan inputan jurusan dengan radio

button (lihat gambar). Pada form inputan jenis radio button, name dari masing-

! Untuk mengambil nilai (value) dari form

Page 9: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Gambar

Form Input Type CHECK BOX

Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu

pilihan.

Program 5.12

Nama File : input07.php

Deskripsi : Program menampilkan form inputan nama band favorit dengan

check box.

1 2 3 4 5 6

7

8

9

10

11

12 13

Program 5.13

Nama File : proses07.php

Deskripsi : Program untuk menampilkan nama band favorit sesuai dengan

inputan pada program

1

2

3 4 5 6 7 8 9

10 11 12

13 14

<?php

if (isset($_POST['Pilih'])) {echo "Band Favorit Anda adalah :<br>";

if echo "+ " . $_POST['band01'] . "<br>";

} if

echo "+ " . $_POST['band02'] . "<br>";}

if echo "+ " . $_POST['band03'] . "<br>";

} if

echo "+ " . $_POST['band04'] . "<br>";

<html> <head><title>Band Favorit ~ Inputan Checkbox</title></head>

<body> <FORM ACTION="proses07.php" METHOD="POST" NAME="input">

<h2>Pilih Band Favorit Anda :</h2><input type="checkbox" name="band01" value="Padi"

checked> Padi<br> <input type="checkbox" name="band02" value=

7"> Sheila On 7<br> <input type="checkbox" name="band03" value="Dewa 19">

Dewa 19<br> <input type="checkbox" name="band04" value="Ungu">

Ungu<br> <input type="submit" name="Pilih" value="Pilih">

</FORM> </body>

</html>

Halaman

Diktat Kuliah Aplikasi Komputer II

Gambar 5.12. Tampilan Program 5.11

Form Input Type CHECK BOX

Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu

: Program menampilkan form inputan nama band favorit dengan

: proses07.php

: Program untuk menampilkan nama band favorit sesuai dengan

inputan pada program 5.12

if (isset($_POST['Pilih'])) { echo "Band Favorit Anda adalah :<br>";

$_POST['band01'] . "<br>";

echo "+ " . $_POST['band02'] . "<br>";

echo "+ " . $_POST['band03'] . "<br>";

echo "+ " . $_POST['band04'] . "<br>";

Band Favorit ~ Inputan Checkbox</title></head>

<FORM ACTION="proses07.php" METHOD="POST" NAME="input"> <h2>Pilih Band Favorit Anda :</h2> <input type="checkbox" name="band01" value="Padi"

<input type="checkbox" name="band02" value="Sheila On

<input type="checkbox" name="band03" value="Dewa 19">

<input type="checkbox" name="band04" value="Ungu">

<input type="submit" name="Pilih" value="Pilih">

Halaman 44

Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu

Page 10: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

15

16 17

Penjelasan Program 5.12 dan

Program 5.12 akan menampilkan form pilihan inputan check box band

favorit (lihat gambar). Pada form inputan jenis check box, name dari masing

masing check box harus dibedakan. User dapat memilih lebih dari satu pilihan.

Perhatikan program 5.12 baris 6

jenis check box, sebaiknya diperiksa terlebih dahulu apakah check box dipilih

atau tidak, dengan menggunakan

ke-4. Jika check box di-cek (dipilih) maka ambil

(baris ke-5)

Gambar

Gambar

} } ?>

Diktat Kuliah Aplikasi Komputer II

Halaman

.12 dan 5.13

.12 akan menampilkan form pilihan inputan check box band

favorit (lihat gambar). Pada form inputan jenis check box, name dari masing

masing check box harus dibedakan. User dapat memilih lebih dari satu pilihan.

.12 baris 6-9 ! Untuk mengambil nilai (value) dari form

jenis check box, sebaiknya diperiksa terlebih dahulu apakah check box dipilih

menggunakan fungsi isset(). Perhatikan program 5.13 baris

cek (dipilih) maka ambil value dari check box tersebut

Gambar 5.13. Tampilan Program 5.12

Gambar 5.14. Tampilan Program 5.13

Halaman 45

.12 akan menampilkan form pilihan inputan check box band

favorit (lihat gambar). Pada form inputan jenis check box, name dari masing-

masing check box harus dibedakan. User dapat memilih lebih dari satu pilihan.

ngambil nilai (value) dari form

jenis check box, sebaiknya diperiksa terlebih dahulu apakah check box dipilih

.13 baris

tersebut

Page 11: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Form Input Type COMBO BOX

Program 5.14

Nama File : input08.php

Deskripsi : Program menampilkan form inputan film kartun favorit dengan

combo box.

1

2

3

4 5 6 7 8 9

10

11 12 13 14 15 16 17

Program 5.15

Nama File : proses08.php

Deskripsi : Program untuk menampilkan nama film kartun favorit sesuai

dengan inputan pada program

1

2 3 4 5 6

7

Penjelasan Program 5.14 dan

Program 5.14 akan menampilkan form pilihan

kartun favorit (lihat gambar). Untuk membuat inputan jenis combo box, bisa

menggunakan tag <select> dan <option>. Pada form inputan jenis check box,

name diletakkan pada tag <select>. User hanya dapat memilih satu pilihan dari

sejumlah pilihan yang ditampi

Untuk mengambil nilai (value) dari form

mengaksesnya sesuai dengan name

<html> <head><title>Film Kartun Favorit ~ Inputan Combo

box</title></head> <body>

<FORM ACTION="proses08.php" METHOD="POST" NAME="input"><h2>Pilih Film Kartun Favorit Anda :</h2>

<selectname="kartun"><option value="Sponge Bob">Sponge Bob</option>

<option value="Dragon Ball">Dragon Ball</option>

</select><input type="submit" name="Pilih" valu

</FORM> </body>

</html>

<?php if (isset($_POST['Pilih'])) {

$film =$_POST['kartun'];echo "Film Kartun Favorit Anda adalah :

<font color=blue><b>$film</b></font>";} ?>

Diktat Kuliah Aplikasi Komputer II

Halaman

Form Input Type COMBO BOX

: Program menampilkan form inputan film kartun favorit dengan

: proses08.php

: Program untuk menampilkan nama film kartun favorit sesuai

dengan inputan pada program 5.14

.14 dan 5.15

.14 akan menampilkan form pilihan inputan combo

kartun favorit (lihat gambar). Untuk membuat inputan jenis combo box, bisa

menggunakan tag <select> dan <option>. Pada form inputan jenis check box,

name diletakkan pada tag <select>. User hanya dapat memilih satu pilihan dari

sejumlah pilihan yang ditampilkan dalam bentuk drop down list. Lihat gambar.

Untuk mengambil nilai (value) dari form jenis combo box, dapat langsung

mengaksesnya sesuai dengan name-nya. Perhatikan program 5.15 baris ke-

<head><title>Film Kartun Favorit ~ Inputan Combo

<FORM ACTION="proses08.php" METHOD="POST" NAME="input"> <h2>Pilih Film Kartun Favorit Anda :</h2>

<selectname="kartun"> <option value="Sponge Bob">Sponge Bob</option>

<option value="Sinchan">Sinchan</option> <option value="Conan">Conan</option>

<option value="Doraemon">Doraemon</option><option value="Dragon Ball">Dragon Ball</option>

<option value="Naruto">Naruto</option> </select>

<input type="submit" name="Pilih" value="Pilih">

(isset($_POST['Pilih'])) { $film =$_POST['kartun'];

echo "Film Kartun Favorit Anda adalah : <font color=blue><b>$film</b></font>";

Halaman 46

box film

kartun favorit (lihat gambar). Untuk membuat inputan jenis combo box, bisa

menggunakan tag <select> dan <option>. Pada form inputan jenis check box,

name diletakkan pada tag <select>. User hanya dapat memilih satu pilihan dari

gambar.

, dapat langsung

-3 !

<option value="Doraemon">Doraemon</option>

Page 12: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Gambar

Gambar

Form Input Type TEXTAREA

Program 5.16

Nama File : input09.php

Deskripsi : Program menampilkan form inputan kritik dan saran dengan text

area.

1

2

3 4 5 6 7 8 9

10

11 12 13

<html>

<head><title>Kritik dan Saran ~ Inputan Textarea</title></head>

<body> <FORM ACTION="proses09.php" METHOD="POST" NAME="input">

<h2>Input Kritik / Saran :</h2>

rows="5"></textarea><br><input type="submit" name="Proses" value="Input

Saran"> </FORM>

</body> </html>

Diktat Kuliah Aplikasi Komputer II

Halaman

Gambar 5.15. Tampilan Program 5.14

Gambar 5.16. Tampilan Program 5.15

Form Input Type TEXTAREA

: Program menampilkan form inputan kritik dan saran dengan text

<head><title>Kritik dan Saran ~ Inputan

<FORM ACTION="proses09.php" METHOD="POST" NAME="input"> <h2>Input Kritik / Saran :</h2>

<textarea name="saran"cols="40" rows="5"></textarea><br>

<input type="submit" name="Proses" value="Input

Halaman 47

Page 13: penanganan form - stikeswh.ac.idstikeswh.ac.id/tem/files/penanganan_form5.pdfDiktat Kuliah Aplikasi Komputer II Penjelasan Program 5.1 Beberapa hal yang perlu diperhatikan dari program

Diktat Kuliah Aplikasi Komputer II

Program 5.17

Nama File : proses09.php

Deskripsi : Program untuk menampilkan isi kritik / saran sesuai dengan

inputan text area pada program

1

2

3 4 5 6 7

Penjelasan Program 5.16 dan

Program 5.16 akan menampilkan form kritik saran menggunakan text area

(lihat gambar). Untuk membuat inputan jenis combo

<textarea>. Berbeda dengan inputan type text yang hanya bisa diinput satu

baris, pada text area, bisa diinput lebih dari satu baris. Lihat gambar. Untuk

mengambil nilai (value) dari

sesuai dengan name-nya. Perhatikan program

Gambar

Gambar

<?php

if (isset($_POST['Proses'])) {$saran= nl2br($_POST['saran']);

echo "Kritik / Saran Anda adalah : <br>";echo"<font color=blue><b>$saran</b></font>";

} ?>

Diktat Kuliah Aplikasi Komputer II

Halaman

: proses09.php

: Program untuk menampilkan isi kritik / saran sesuai dengan

inputan text area pada program 5.16

.16 dan 5.17

.16 akan menampilkan form kritik saran menggunakan text area

(lihat gambar). Untuk membuat inputan jenis combo box, bisa menggunakan tag

<textarea>. Berbeda dengan inputan type text yang hanya bisa diinput satu

baris, pada text area, bisa diinput lebih dari satu baris. Lihat gambar. Untuk

mengambil nilai (value) dari form jenis textarea, dapat langsung mengaksesnya

nya. Perhatikan program 5.17 baris ke-3 !

Gambar 5.17. Tampilan Program 5.16

Gambar 5.18. Tampilan Program 5.17

if (isset($_POST['Proses'])) { $saran= nl2br($_POST['saran']);

"Kritik / Saran Anda adalah : <br>"; echo"<font color=blue><b>$saran</b></font>";

Halaman 48

.16 akan menampilkan form kritik saran menggunakan text area

box, bisa menggunakan tag

<textarea>. Berbeda dengan inputan type text yang hanya bisa diinput satu

mengaksesnya