Minggu, 22 Januari 2012

Mengenal Form pada PHP

Karena terbenturnya proyek SIM berbasis desktop sehingga saya tidak ada waktu untuk belajar PHP lagi. Akhirnya  proyek sudah selesai dan saya bisa memulai belajar PHP lagi. Kali ini saya akan belajar untuk pengenalan struktur Form pada PHP. Mari kita simak bersama apa itu Form pada PHP.
Tujuan dari dari pembahasan Form dan Array adalah
 - kita bisa mempelajari penggunaan elemen elemen form pada halaman web
 - membuat form dinamis dengan menggunakan PHP

Form
berikut adalah cara membuat form pada PHP

<form id="form1" name="form1" method="post" action="">
    ......elemen form
</form>
berikut keterangan dari atribut form

  • id -> merupakan nama identitas; akan digunakan pada saat menggunakan javascript() dengan fungsi getElementById()
  • Name -> merupakan nama dari form digunakan pada saat kita melakukan proses data dari form
  • Method -> cara form melakukan proses pengiriman data, secara default akan menggunakan metode POST tetapi kita dapat menggunakan parameter GET
  • Action -> digunakan untuk memasukkan file yang berfungsi untuk mengolah data dari form tersebut
Elemen Form
berikut adalah beberapa elemen form yang biasa digunakan

Elemen TextField
Digunakan untuk menerima input dari user, sintaksnya adalah sebagai berikut


<input type="text" name="nama" id="nama"> 

Untuk menggunakan type password pada elemen ini, perhatikan sintaks berikut


<input type="password" name="pass" id="pass">



    Perhatikan contoh penggunaan elemen textfield

    <form action="" method="post" name="form1">

        Silahkan dicoba 

    <input id="nama" name="nama" type="text" /> 

    <input id="pass" name="pass" type="password" />

    </form>

Hidden Field
Berfungsi untuk mengirimkan file html yang sifatnya tersembunyi

<input type="hidden" name="proses" id="proses" value="form1">


TextArea
Berfungsi untuk menerima input dari user dalam bentuk beberapa baris, Berikut contoh penggunaan text area yang saya copy dari W3Schools.com


<textarea rows="2" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP. 
</textarea>
pada textarea dapat menampung character yang jumlahnya tidak terbatas, pada textarea atribut yang harus ada adalah rows dan cols


Checkbox
Digunakan untuk memilih data yang lebih dari satu pilihan

<form name="coab">
<input type="checkbox" name="mobil" value="Toyota" /> Aku memilih toyota </br>
<input type="checkbox" name="mobil" value="Honda" /> Aku memilih Honda </br>
</form>

Radio button
Digunakan untuk memilih data yang hanya satu pilihan saja


<form name="belajar">
<input type="radio" name="mobil" value="Toyota" /> Aku memilih toyota </br>
<input type="radio" name="mobil" value="Honda" /> Aku memilih Honda </br>
</form>

List / Menu (Drop down list)
Digunakan untuk memilih salah satu item dari daftar pilihan

<form name="belajar">
<select name="Hobby" id="Hobby">
<option value="menari">menari</option>
    <option value="bernyanyi">bernyanyi</option>
    <option value="Melukis">melukis</option>
</select>
</form>

File Field
Digunakan untuk menampilkan field yang berguna untuk mengambil data dari client untuk di upload ke server

    <input type="File" name="imagefile" />

Button
Berfungsi untuk melakukan proses data yang ada di dalam form untuk diolah pada script php
  <input type="submit" name="button1" value="kirim" />

Reset button
Digunakan untuk membatalkan semua proses pengisian data yang dilakukan dielemen inpit form
      <input type="reset" name="reset" value="ulang" />
contoh
<form name="belajar">
<select name="Hobby" id="Hobby">
<option value="menari">menari</option>
    <option value="bernyanyi">bernyanyi</option>
    <option value="Melukis">melukis</option>
    <input type="File" name="imagefile" />
    <input type="submit" name="button1" value="kirim" />
      <input type="reset" name="reset" value="ulang" />
</select>
</form>

berikut contoh penggunaan atribut atribut dari form
<form action="view.php" method="get">
<table width="65%" class="table1" align="center">
  <tr>
    <th scope="col">FORM REGISTRASI</th>
  </tr>
  <tr>
    <td><table width="100%" class="table2">
      <tr>
        <td width="25%" id="text">NIM</td>
        <td width="5%" align="center"><b>:</b></td>
        <td width="70%">
          <input name="nim" type="text" id="nim" size="50" maxlength="10" />
        </td>
      </tr>
      <tr>
        <td width="25%" id="text">NAMA</td>
        <td align="center"><b>:</b></td>
        <td><input name="nama" type="text" id="nama" size="50" /></td>
      </tr>
      <tr>
        <td width="25%" id="text">JENIS KELAMIN</td>
        <td align="center"><b>:</b></td>
        <td>
          <input type="radio" name="jk" value="Laki-laki" />
        Laki-laki &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name="jk" value="Perempuan" />
        Perempuan</td>
      </tr>
      <tr>
        <td width="25%" id="text">ASAL</td>
        <td align="center"><b>:</b></td>
        <td>
          <select name="asal">
            <option value="-">-</option>
            <option value="Yogyakarta">Yogyakarta</option>
            <option value="Jakarta">Jakarta</option>
            <option value="Jawa Timur">Jawa Timur</option>
          </select>
        </td>
      </tr>
      <tr>
        <td width="25%" id="text">NO TELP</td>
        <td align="center"><b>:</b></td>
        <td><input name="telp" type="text" id="telp" size="50" maxlength="13" /></td>
      </tr>
      <tr>
        <td width="25%" id="text">ALAMAT EMAIL</td>
        <td align="center"><b>:</b></td>
        <td><input name="email" type="text" id="email" size="50" /></td>
      </tr>
      <tr>
        <td width="25%" id="text">PASSWORD</td>
        <td align="center"><b>:</b></td>
        <td><input name="password" type="password" id="password" size="50" /></td>
      </tr>
      <tr>
        <td width="25%" valign="top" id="text">HOBBY</td>
        <td align="center" valign="top"><b>:</b></td>
        <td><table width="100%" border="0">
          <tr>
            <td width="48%">
              <input type="checkbox" name="hb1" value="Sepakbola" />Sepakbola
              <br />
              <input type="checkbox" name="hb2" value="Futsal" />Futsal
              <br />
              <input type="checkbox" name="hb3" value="Berenang" />Berenang
            </td>
            <td width="52%"><input type="checkbox" name="hb4" value="Membaca" />Membaca
              <br />
              <input type="checkbox" name="hb5" value="Jogging" />Jogging
              <br />
              <input type="checkbox" name="hb6" value="nGoWes" />nGoWes</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td width="25%" valign="top" id="text">DESKRIPSI DIRI</td>
        <td align="center" valign="top"><b>:</b></td>
        <td>
          <textarea name="desk" cols="50" rows="5"></textarea>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center">      
    <input type="submit" value="OK" />&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" value="Batal" />    </td>
  </tr>
</table>
</form>

simpan form tersebut form.html

buat php file sebagai berikut

<?php
//menangkap value form yang disimpan dalam sebuah variabel
$a = $_GET['nim'];
$b = $_GET['nama'];
$c = $_GET['asal'];
$d = $_GET['telp'];
$e = $_GET['email'];
$f = $_GET['password'];
$g = $_GET['jk'];
$h = $_GET['desk'];
$i = $_GET['hb1'];
$j = $_GET['hb2'];
$k = $_GET['hb3'];
$l = $_GET['hb4'];
$m = $_GET['hb5'];
$n = $_GET['hb6'];

//menampilkan dari variabel diatas dalam browser
echo $a.'<br />';
echo $b.'<br />';
echo $c.'<br />';
echo $d.'<br />';
echo $e.'<br />';
echo $f.'<br />';
echo $g.'<br />';
echo $h.'<br />';
echo $i.' &nbsp;&nbsp;&nbsp;' .$j. ' &nbsp;&nbsp;&nbsp;' .$k. '<br />';
echo $l.' &nbsp;&nbsp;&nbsp;' .$m. ' &nbsp;&nbsp;&nbsp;' .$n. '<br />';
?>
simpan sebagai view.php

Silahkan dicoba dan berexplorasi



Tidak ada komentar:

Posting Komentar