ADSENSE HERE!
Komponen Form Sebuah website dinamis seringkali memerlukan interaksi antara browser client dan server bisa berupa pemasukan data teks, angka, atau upload file untuk diproses oleh server. Untuk mewadahi suatu data yang dikirimkan oleh browser client, dibutuhkan adanya FORM HTML. Penggunaan form misalnya untuk pendaftaran keanggotaan, pemasukan kode kartu kredit, login user, transaksi perbelanjaan, dan upload file.
Dalam FORM HTML terdapat beberapa komponen yang bisa digunakan, antara lain :
- Form
- Text Box
- Text Area
- Radio Button
- Combo Box
- Check Box
- Submit
- Reset
<FORM ACTION=action METHOD=method ENCTYPE=media type> </FORM> 
Text box : untuk menginput data string ataupun angka
< INPUT TYPE=TEXT NAME=”nama_variabel” VALUE=”value”>
Text area : untuk menginput string ataupun angka yang terdiri atas banyak baris.
<textarea rows=” ” cols=” ” name=”nama_variabel”> </textarea>
Radio buton : untuk memilih satu pernyataan dari beberapa pernyataan yang disediakan.
<input type=”radio” name=”nama_variabel” value=” ”>Isi_Radio
Combo box untuk menampilkan daftar data.
<select name=”nama_variabel” value=” “>
<option>Combo1</option>
<option>Combo2</option></select>
Check box untuk memilih satu atau lebih pernyataan dari beberapa pernyataan yang disediakan.
<input type=”checkbox” name=”nama_variabel” value=”ON” checked>
Submit untuk mengirimkan semua variable data pada komponen-komponen form yang ada.
<input type=”submit” name=”submit” value=”submit”>
Reset untuk membatalkan semua penginputan yang telah dituliskan.
<input type=”reset” name=”reset” value=”reset”>
Pengolahan Data Dari Form
Form di HTML dikenal dengan adanya tag <FORM> dan ditutup dengan tag </FORM>.
Di dalam tag pembuka <FORM> diikuti dengan atribut action dan method. Action menjelaskan ke h alaman yang digunakan untuk memproses input, sementara method digunakan untuk mengatur cara mem-parsing konten.
Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST akan mengirimkannya secara terpisah. User mengirimkan data input dengan mengisi teks atau pilihan pada attibut form html.
Proses Form menggunakan Metode GET.
File metodeget.php
<html>
<head>
<title>FORM METODE GET</title>
</head>
<body>
<form action="metodegetproses.php" method="get">
Masukan Nama : <input type="text" name="nama" size="25">
<input type="submit" value="Proses">
</form>
</body>
</html>
Hasil nya :
Buat file untuk memproses variable yang diberikan oleh file metodeget.php, beri nama filenya : metodegetproses.php
<html>
<head>
<title>FORM METODE GET PROSES</title>
</head>
<body>
Data Nama Yang Diinputkan Adalah : <?php echo $_GET["nama"];?>
</body>
</html>
Hasil nya :
Proses Form menggunakan metode : POST
File metodepost.php
<html>
<head>
<title>FORM METODE GET</title>
<head>
<body>
<form action="metodepostproses.php" method="POST">
Masukan nama : <input type="text" name="nama" size="25">
<input type="submit" name="Proses">
</form>
</body>
</head>
Hasil nya :
Buat file untuk memproses variable yang diberikan oleh file metodepost.php beri nama filenya : metodepostproses.php
<html>
<head>
<title>Method Post Proses</title>
</head>
<body>
Data Nama Yang Diinputkan Adalah : <?php echo $_POST["nama"]; ?>
</body>
</html>
Hasil nya :
ADSENSE HERE!
No comments:
Post a Comment