Membuat Formulir (Form) pada HTML

Definisi dan fungsi form

Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web, baik secara server side scripting(misalkan PHP, JSP) ataupun client-side scripting (javascript).

Anatomi dari form

Standard atau format umum penulisan dari form adalah sebagai berikut:

Cara Kerja Form

Form HTML digunakan untuk melewatkan data dari klien ke server. Kerja Web bekerja didasarkan pada arsitektur client / server yang sangat dasar yang dapat diringkas sebagai berikut: klien (web browser ) mengirim permintaan ke server (misalnya apache, nginx, IIS, Tomcat, dan lain sebagainya ), menggunakan protokol HTTP. Server menjawab requets dari form dengan menggunakan protokol yang sama. Server akan memproses data dan kemudian mengirim respon kepada pengguna. Disisi klien memastikan data mana yang dkirim melalui elemen form. Di sisi klien , HTML untuk mengkonfigurasi permintaan HTTP untuk mengirim data ke server . Hal ini memungkinkan pengguna untuk memberikan informasi yang akan disampaikan dalam permintaan HTTP.

Atribut yang sangat peran saat pengiriman data adalah action dan method. Atribut – atribut dari elemen HTML <form> adalah sebagai berikut:

Elemen form button

Format umum penulisan input button pada tag <form> adalah sebagai berikut

Elemen form input submit

Format tag HTML-nya adalah sebagai berikut:

Elemen form reset

Format tag HTML-nya adalah sebagai berikut:

<INPUT TYPE=RESET>

Percobaan

Buatlah halaman web sebagai berikut (menyajikan form):

Simpan kode HTML diatas dengan nama form.html lalu buka hasilnya dengan menggunakan web browser. Apabila penulisannya benar maka akan tampil halaman web sebagai berikut.