Pengertian FORM dan Cara membuat FORM

Form digunakan untuk menerima inputan dari user dan memproses hasil inputan tersebut ke server. Penggunakan form yang hanya menggunakan HTML saja tidak akan terlalu berguna. From biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman seperti JavaScript atau PHP, dan disimpan di dalam database MySQL

Perintah atau tag yang digunakan adalah <FORM> dan diakhiri dengan tag </FORM>. Field-field yang berada diantaranya digunakan untuk menentukan ukuran jenis dari masing-masing input field. Berikut ini dibahas beberapa elemen yang dapat disertakan dalam suatu form.

Sintak penulisan form : 

<FORM method="(post) atau (get)" action="program_pemroses">
 <!-- elemen-elemen FROM -->
</FORM>

Method POST dan GET 
Method POST dan GET adalah method yang digunakan dalam halaman html untuk mengirimkan parameter/data dari halaman masukan ke halaman keluaran.
Ada perbedaan antara metode pengiriman menggunakan method GET dan POST. Jika dengan GET maka parameter akan ditampilkan di URL. Sedangkan POST tidak ditampilkan di URL. Untuk data yang banyak, biasanya digunakan POST, atau data yang tidak ingin dilihat misalkan data untuk login, yang dikirimkan username dan password. Jika menggunakan GET maka username dan password-nya bisa terlihat sehingga untuk login autentifikasi digunakan method POST

TEXTBOX
Textbox digunakan untuk memasukkan data string sebanyak satu baris.
contoh penulisan TEXTBOX:

<input type="text" name="text1" size="20" value="Rampes Team>
<input type="password" name="pass1" size="20" value="password"> 

Hasilnya :

Username :
Password :

CHECKBOX
Checkbox digunakan untuk memberi beberapa pilihan kepada user, sehingga user dapat memilih salah satu, lebih dari satu pilihan atau tidak sama sekali.
contoh penulisan CHECKBOX:

<input type="checkbox" name="c1" checked> HTML
<input type="checkbox" name="c2"> CSS
<input type="checkbox" name="c3"> JavaScript 

Hasilnya :

HTML CSS JavaScript

RADIO Button
Radio button digunakan membuat pilihan. user dapat memilih salah satu pilihan yang yersedia, sehingga user tidak bisa memilih kurang atau lebih dari satu pilihan yang disediakan.
contoh penulisan RADIO button:

<input type="radio" name="HTML" value="HTML" checked> HTML
<input type="radio" name="CSS" value="CSS"> CSS
<input type="radio" name="Java" value="Java"> JavaScript 

Hasilnya :

HTML CSS JavaScript

DROP DOWN Menu
DROP DOWN Menu digunakan untuk membuat menu pilihan.
contoh penulisan DROP DOWN Menu:

<select name="menu">
   <option value="menu"> Drop Down </option> 
   <option value="HTML"> HTML </option> 
   <option value="CSS"> CSS </option> 
   <option value="Java"> JavaScript </option>
</select>

Hasilnya :

-- Drop Down -- HTML CSS JavaScript

TEXT AREA
Text area digunakan untuk menampilan masukan berupa textbox yang mempu menerima masukan berupa string lebih dari satu baris.
contoh penulisan TEXT AREA:

<textarea name="text1" rows="5" cols="40">
Komentar Anda:
</textarea> 

Hasilnya :

Komentar Anda:

BUTTON
Elemen ini diunakan untuk menampilkan tombol yang dapat berupa tombol SUBMIT untuk mengirimkan data ke pemroses di server, RESET untuk mengulangi/mengosongkan isian form yang tidak berfungsi apapun sebelum kita mendefinisikan sebuah fungsi untuknya.
contoh penulisan BUTTON:

<input type="submit" value="kirim" name="button1"> 
<input type="reset" value="batal" name="button2">

Hasilnya :

FIELDSET
Elemen ini digunakan untuk mengelompokan data yang terikat dengan formilir, sedangkan legend didefinisikan untuk memberi keterangan untuk elemen fieldset
contoh penulisan FIELDSET:

  <fieldset>
    <legend>Personal informasi:</legend>
    Nama Depan:<br>
    <input type="text" name="namaD" value="Ihsan">
    <br>
    Nama Belakang:<br>
    <input type="text" name="namaB" value="Ridwan">
    <br><br>
    <input type="submit" value="Submit">
  </fieldset>

Hasilnya :

Personal informasi:

Nama Depan:

Nama Belakang: