<<== Silahkan Daftarkan Diri Anda Terlebih Dahulu ==>



 
IndeksIndeks  Community StudyCommunity Study  FAQFAQ  PendaftaranPendaftaran  LoginLogin  

Share | 
 

 Membuat form HTML

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Admin
admin
admin


Jumlah posting : 183
Join date : 05.12.10
Lokasi : Pekanbaru

PostSubyek: Membuat form HTML   Thu Jan 06, 2011 8:30 pm

Menangani atau menghandle HTML form dengan PHP merupakan proses yang paling penting pada website dinamis. Bagian ini terdiri dari dua proses : pertama membuat HTML form itu sendiri dan kedua membuat script PHP yang akan menerima dan memproses data yang dikirim. HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan. Tag form terlihat seperti berikut:
Quote :

<form action="script.php" method="post" >

</form>
atribut paling penting pada tag form adalah action, yang memberitahukan ke page / halaman mana data form akan dikirim. Attribut kedua adalah method yang memberitahukan bagaimana data tersebut dikirim. Ada dua option get dan post yang dapat digunakan. Jika menggunakan get maka nama dan nilai dari data yang dikirim akan terlihat pada URL, seperti :

http://localhost/script.php?nama=ellyx&gender=L&usia=15

get sering digunakan untuk melakukan request data karena, keterbatasan data yang dapat dikirim dan keamanananya yang kurang. Post digunakan untuk mengirim data ke server seperti menambah record ke database.

Element element input lain seperti text box, check box, radion button, select menu dan yang lainnya diletakan di dalam tag form. Untuk lebih jelas buatlah contoh berikut:
Quote :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Handling Form</title>
</head>
<body>

Tambahkan
Quote :
Code:

Tambahkan pembuka form tag

<form method="post" action="script.php">
pada atribut action anda memberi tahu bahwa data akan dikirim dan ditangani oleh file script.php.

 Tambahkan dua text box

<P><b>Nama :</b> <input name="nama" type="text" id="nama" /></p>
<p><b>Email :</b><input name="email" type="text" id="nama" /></p>
ini berfungsi untuk user dapat memasukkan nama dan emailnya.

Tambahkan dua buah radio

<p><b>Jenis Kelamin : </b><input name="gender" type="radio" value="L" /> Laki-laki
<input name="gender" type="radio" value="P" /> Perampuan </p>
Kedua radio button di atas memiliki nama yang sama, agar hanya bisa dipilih salah satu, tapi keduanya memiliki nilai yang berbeda.

 Tambahkan select menu (combo box)

<p><b>Umur :</b> <select name="umur">
<option value="0-29">Di bawah 30</option>
<option value="30-60">Antara 30 sd 60</option>
<option value="60+">Di atas 60</option>
</select></p>

 Tambahakn text area

<p><b>Komentar :</b><textarea name="komentar" cols="30" rows="4"></textarea></p>

Buat tombol submit dan penutup form tags dan juga ducument HTML
<p align="center">
<input type="submit" name="Submit" value="Submit" />
</p>
</form>
</body>
</html>

Hasil akhirnya adalah sebagai berikut
Quote :
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Handling Form</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="script.php">
<P><b>Nama :</b> <input name="nama" type="text" id="nama" /></p>
<p><b>Email :</b><input name="email" type="text" id="nama" /></p>
<p><b>Jenis Kelamin : </b><input name="gender" type="radio" value="L" />
Laki-laki
<input name="gender" type="radio" value="P" />
Perampuan </p>
<p><b>Umur : </b>
<select name="umur" >
<option value="0-29">Di bawah 30</option>
<option value="30-60">Antara 30 sd 60</option>
<option value="60+">Di atas 60</option>
</select>
</p>
<p><b>Komentar :</b>
<textarea name="komentar" cols="30" rows="4" ></textarea>
</p>
<p align="center">
<input type="submit" name="Submit" value="Submit" />
</p>
</form>
</body>
</html>

Simpan dengan nama form.html dan tempatkan di direktori web server anda, kemudian lihat hasilnya dengan web browser anda. Jika anda ingin belajar lebih detail tentang HTML dan juga HTML form silahkan kunjungi di sini

Setalah form HTML dibuat maka sekarang saatnya membuat script php untuk menangani dan memproses data yang dikirim. Pada contoh ini script hanya akan menampilkan data yang disubmit ke web browser, pada tutorial selanjutnya anda akan diajak untuk menyimpan data form ke database MYSQL.

Yang membuat PHP muda untuk dipelajari adalah dimana PHP dapat berinteraksi dengan form HTML. PHP menyimpan data yang diterima ke dalam variabel spesial. Sebagai contoh, jika anda memilki form dengan text seperti:

<input type="text" name="hobby" />

apapun yang diketik user pada textbox tersebut akan dapat diakses melalui sebuah variabel PHP yang bernama $_REQUEST['hobby'], atau dengan kata lain apapun yang diketik user pada text box tersebut akan disimpan ke dalam varibel $_REQUEST['hobby'] oleh script PHP. Penulisan variabel tersebut harus benar, karena PHP case-sensitive terhadap variabel. Jadi $_REQUEST['hobby'] benar, sedang $_Request['hobby'] atau $_request['hobby'] salah. Untuk form yang telah kita buat maka akan disimpan pada varibel

Contoh berikut akan membuat script PHP yang berfungsi untuk menghandle form HTML yang telah dibuat (form.html).

Buatlah document HTML baru dengan text editor anda.
Quote :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Handling Form</title>
</head>
<body>

Buat pembuka tag PHP dan buat variabel untuk menyimpan nilai yang disubmit / dikirim
Quote :
Code:
<?php
// membuat variabel
$nama=$_REQUEST['name'];
$email=$_REQUEST['email'];
$gender=$_REQUEST['gender'];
$umur=$_REQUEST['umur'];
$komentar=$_REQUEST['komentar'];

Tampilkan data yang diterima ke web browser
Quote :
Code:

//menampilkan datayang diterima
echo "TERIMA KASIH ATAS KOMENTAR ANDA<BR>";
echo "Nama : $nama<br>";
echo "Email : $email<br>";
echo "Jenis Kelamin : $gender<br>";
echo "Umur : $umur<br>";
echo "Komentar : <br>";
echo $komentar;
?>

Selesaikan code HTML
</body></html>
dan hasilnya sebagai berikut:
[qoute]
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Handling Form</title>
</head><body>
<?php
//mebuat variabel
$nama=$_REQUEST['nama'];
$email=$_REQUEST['email'];
$gender=$_REQUEST['gender'];
$umur=$_REQUEST['umur'];
$komentar=$_REQUEST['komentar'];

//menampilkan datayang diterima
echo "TERIMA KASIH ATAS KOMENTAR ANDA<BR>";
echo "Nama : $nama<br>";
echo "Email : $email<br>";
echo "Jenis Kelamin : $gender<br>";
echo "Umur : $umur<br>";
echo "Komentar : <br>";
echo $komentar;
?>
</body>
</html>
[/quote]

Simpan dengan nama script.php dan taruh di direktori web server anda, ditempat yang sama dengan form HTML yang dibuat tadi (file form.html). Lalu kenapa nama filenya script.php karena pada form HTML yang dibuat tadi pada atribut action ditulis script.php, maka nama filenya harus script.php.
Sekarang lihat hasilnya pada browser anda, Ketik URL http://localhost/form.html, anda akan melihat seperti di bawah pada browser anda.


Isilah form tersebut dengan data yang anda inginkan, misalkan:


Setalah tombol submit ditekan maka hasilnya akan seperti berikut:



sekian dan terima kasih semoga membantu teman-teman....

Kembali Ke Atas Go down
http://planetfasilkom.hisforum.com
riyanpinguin
Moderator
Moderator


Jumlah posting : 188
Join date : 06.12.10
Age : 26
Lokasi : Pekanbaru

PostSubyek: Re: Membuat form HTML   Thu Jan 06, 2011 9:24 pm

nice min...


jangan lupa backgroundnya dibuat yg bagus y min jangan putih gitu aja..

:rokok:

Kembali Ke Atas Go down
http://mahasiswa.umri.ac.id/~azwar/
ando
Anak-anak
Anak-anak


Jumlah posting : 55
Join date : 05.12.10
Lokasi : Dalam Kandungan

PostSubyek: Re: Membuat form HTML   Fri Jan 07, 2011 6:42 pm

wah nice info mind scripnya.....

alamak bnyak yg liat comeng gak cuman 1 .....
Kembali Ke Atas Go down
bayu
baru netas
baru netas


Jumlah posting : 1
Join date : 13.10.12

PostSubyek: Re: Membuat form HTML   Sat Oct 13, 2012 7:32 am

wah siiiip....sangat membantu
Kembali Ke Atas Go down
Sponsored content




PostSubyek: Re: Membuat form HTML   Today at 3:56 pm

Kembali Ke Atas Go down
 
Membuat form HTML
Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» Hal-Hal yang dapat membuat kaum lelaki menangis
» Cara membuat pendataan&list list barang menjadi seperti di sini?
» Arsip: Cara Membuat Jumlah Posting,Birthday,Join Date,Webs Seperti Ini
» 20 Alasan Kita Cinta Indonesia
» bikin blog hemat energi!

Permissions in this forum:Anda tidak dapat menjawab topik
 :: Komputer :: Programing :: PHP-
Navigasi: