Silahkan Klik...!!!

Sabtu, 26 Maret 2011

Tag Form dan Atributnya

Form merupakan sebuah tag HTML yang digunakan untuk menandakan sebuah formulir (borang) inputan pada dokumen HTML.

Sebagai contoh :

  1. <FORM>  
  2.     nama: <INPUT>  
  3.     email: <INPUT>  
  4. </FORM>
 Tag diatas akan menghasilkan tampilan sebagai berikut :

nama:

email:

Contoh diatas dimana tag FORM tidak menggunakan atribut apapun tidak akan dapat bekerja dengan baik, dikarenakan formulir isian yang kita buat pada tag diatas tidak diikuti dengan sebuah tindakan. Tindakan ini membutuhkan suatu atribut dari tag FORM itu sendiri yang disebut dengan ACTION.
ACTION
ACTION merupakan atribut dari tag FORM yang digunakan untuk memproses inputan yang dimasukan pada tag FORM. Tindakan pemrosesan inputan dari formulir isian yang kita buat akan berupa logika dalam bahasa pemrograman web seperti PHP atau CGI.

Sebagai contoh :

  1. <FORM ACTION="proses.php">  
  2.     nama: <INPUT>  
  3.     email: <INPUT>  
  4.     <INPUT TYPE=SUBMIT>  
  5. </FORM> 
Tag diatas merupakan pengembangan dari contoh sebelumnya, hanya saja pada tag ini ditambahkan ACTION="proses.php" yang akan mengarahkan isian dari formulir yang kita buat ke file proses.php dimana isian formulir tersebut akan diproses. Tag tersebut juga ditambah INPUT TYPE=SUBMIT berupa sebuah tombol yang digunakan untuk mengirim data ketika tombol tersebut di-klik.

Hasilnya akan seperti ini:


nama:

email:






METHOD
Atribut METHOD ini digunakan untuk menentukan metode pengiriman data dari formulir isian ke file pemroses. Metode yang digunakan ada dua macam, yaitu : GET dan POST.
Perbedaan dari method GET dan POST adalah apabila kalian menggunakan method GET maka di address bar akan tampil data yang dikirimkan dari proses tersebut.



Berikut ini adalah dua paket file untuk pemrosesan tipe POST dan GET, sedikit bahasa PHP digunakan disini untuk menampilkan isi dari form yang telah diisi.

Contoh :

Masukkan nama dan email pada formulir berikut


nama:

email:




Metode POST

file html :


  1. <html>  
  2. <head>  
  3. <title> contoh form dengan method POST</title>  
  4. </head>  
  5. <body>  
  6. <form id="form" name="form" method="post" action="show.php">  
  7.      nama <input type="text" name="nama"/><br />  
  8.      email <input type="text" name="email"/><br />  
  9.      <input name="submit" type="submit" value="Submit" />  
  10. </form>  
  11. </body>  
  12. </html> 

file show.php :


  1. <?php  
  2.    $nama = $_POST['nama'];  
  3.    $email = $_POST['email'];  
  4.  echo "Nama kamu adalah <b>$nama</b> <br /> dengan alamat email <b>$email</b>";  
  5. ?> 

Metode GET

file html :


  1. <html>  
  2. <head>  
  3. <title> contoh form dengan method POST</title>  
  4. </head>  
  5. <body>  
  6. <form id="form" name="form" method="get" action="show.php">  
  7.      nama <input type="text" name="nama"/><br />  
  8.      email <input type="text" name="email"/><br />  
  9.      <input name="submit" type="submit" value="Submit" />  
  10. </form>  
  11. </body>  
  12. </html>

file show.php :


  1. <?php  
  2.    $nama = $_GET['nama'];  
  3.    $email = $_GET['email'];  
  4.  echo "Nama kamu adalah <b>$nama</b> <br /> dengan alamat email <b>$email</b>";  
  5. ?> 

0 komentar:

Posting Komentar