HTML Form

Form dalam html sangatlah penting,karena form adalah salah satu pintu utama untuk masukkan data.Intinya
Form digunakan untuk tag masukkan.Sintaks dasar form seperti di bawah ini

 <form name="nama_form" method="GET/POST" action="URL">
-----------
</form>

Form juga merupakan tag berpasangan,di dalam tag

terdapat beberapa atribut,salah satunya adalah
name -> berfungsi untuk memberi nama pada form tersebut
method -> berfungsi untuk menetukan metode apa yang akan digunakan untuk tranfer data ke server
action -> alamat yang akan digunakan untuk memproses data dari form itu sendiri.

Tag yang ada di dalam form antara lain tag input,select dan textarea,
Tag <input> mepunyai atribut type yang berfungsi untuk menentukan jenis inputannya.antara lain

• text
  
• password
• reset
• submit
• radio
• checkbox
  

   <input type="text/password" name="nama_input" size="panjang_input" / >
  <input type="submit/reset/" name="nama_input" value="caption_input" / >
  <input type="radio" name="nama_radio" value="caption_radion" / >
  <input type="radio" name="nama_radio" value="caption_radion" / >
  <input type="checkbox" name="nama_checkbox" value="value_radion" / >
  <input type="checkbox" name="nama_checkbox" value="value_radion" / >
  

tag <opton> berguna untuk inputan pilihan dropdown

 <select name="pendidikan">
<option>SD</option>
<option>SMP</option>
<option>SMA</option>
</select>

tag <textare> berguna untuk inputan seperti text tapi lebih panjang jumlah karakternya

 <textarea name="nama_textarea" rows="tinggi" cols="lebar"></textarea>

Contoh pebuatan form dengan menggunakntable

 <form name="test" method="post" action="">
 <div style="border:1px solid #666; width:400px; background:#E4E3E3; margin:10px auto; padding:10px; font-family: Trebuchet MS, Tahoma, Sans; color:#666;">
      <table cellpadding="5"  width="100%" >
           <tbody>
                <tr>
                     <td>Nama : </td>
                     <td> <input name="nama" size="25" maxlength="50" type="text"> </td>
                </tr>
                <tr>
                     <td> Password : </td>
                     <td> <input size="25" type="password"> </td>
                </tr>
                <tr>
                     <td> Hobi : </td>
                     <td>      <input type="checkbox" name="hobi" value="Hiking"> Hiking <br>
                               <input type="checkbox"name="hobi" value="Berenang"> Berenang
                     </td>
                </tr>
                <tr>
                     <td> Status </td>
                     <td>      <input name="status" value="sudah" type="radio"> Menikah<br>
                               <input name="status" value="belum" type="radio"> Belum
                     </td>
                </tr>
                <tr>
                     <td> Pendidikan </td>
                     <td>
                          <select name="Pendidikan">
                               <option>SD </option>
                               <option>SMP </option>
                               <option>SMA </option>
                          </select>
                     </td>
                </tr>
                <tr>
                     <td> Tentangku : </td>
                     <td> <textarea name="deskripsi" rows="10" cols="20"></textarea> </td>
                </tr>
                <tr>
                     <td colspan="2" style="text-align:center; height:25px;">
                     <input value="Kirim Data" type="submit">
                     <input value="Reset" type="reset">
                     </td>
                </tr>
           </tbody>
      </table>
 </div>
</form>

Nama
Password
Hobi	Hiking Berenang
Status	Menikah Belum
Pendidikan	SD SMP SMA
Tentangku