Cara menggunakan elemen form html

Form adalah tag atau elemen HTML khusus yang digunakan untuk mengumpulkan data dari pengguna. Data yang diinput oleh pengguna dikirimkan ke server untuk diproses atau dihitung.

Tutorial sebelumnya : HTML Head

Tag form

Form HTML menggunakan tag form.

.
form elements
.

Form HTML berisi tag-tag HTML yang biasa digunakan untuk mengumpulkan data dari pengguna. Tag HTML ini biasa juga disebut dengan form elemen. Contoh form elemen adalah elemen atau tag input text, checkbox, radio button, submit button dan lain-lain. Tutorial ini mencoba membahas beberapa contoh form elemen. Tutorial selanjutnya akan membahas lebih detil untuk setiap jenis form element.

Referensi Belajar Form HTML

Tag Input

Tag input adalah elemen yang paling banyak dipakai di dalam form HTML. Tag input ditampilkan dengan berbagai variasi tergantung dengan jenis dan kegunaannya. Berikut beberapa contoh tag input.

• untuk menampilkan satu baris input text.
• untuk menampilkan pilihan input berbentuk radio button.
• untuk menampilkan pilihan input berbentuk checkbox.
• untuk menampilkan input dalam bentuk tombol submit.
• untuk menampilkan input dalam bentuk tombol.

Input Text

Input text berguna untuk membuat tag input yang menerima data text dalam satu baris. Di bawah ini contoh form yang berisi input text.

  First name:

  

  Last name:

  
 

Tag Label

Tag label diperlihatkan pada contoh di atas. Tag label digunakan untuk memberikan label atau penjelasan pada setiap form elemen. Atribut for pada label harus sama dengan atribut id pada form elemen yang dijelaskan.

Radio Button

Radio button berguna untuk membuat input data berupa pilihan. Hanya satu input data yang bisa dipilih dengan menggunakan radio button.

  
  Male

  
  Female

  
  Other
 

Checkbox

Checkbox berguna untuk membuat input data berupa pilihan. Berbeda dengan radio button, pengguna bisa memilih satu atau lebih pilihan input data dengan menggunakan checkbox.

  
   I have a bike

  
   I have a car

  
   I have a boat
 

Tombol Submit

Tombol submit digunakan untuk mengirimkan data pada setiap form elemen ke URL tertentu pada server. Atribut action pada form berisi URL server tujuan pengiriman data.

  First name:

  

  Last name:

  


  
 

Atribut name

Atribut name diperlukan untuk semua tag input yang berada di dalam form. Nilai atribut name biasanya mempunyai nilai yang sama dengan atribut id. Apabila tombol submit ditekan maka server akan menerima data dari dokumen HTML. Data ini berasal dari data yang diinput pengguna pada setiap form elemen. Server memerlukan atribut name untuk mengidentifikasi data yang diterima. Apabila atribut name tidak dicantumkan pada suatu form elemen, maka server akan gagal mengambil data dari form elemen tersebut. Contoh di bawah adalah cara penulisan form elemen yang salah, karena tidak mencantumkan atribut name pada input text.

  First name:

  


  
 

Tutorial selanjutnya : Atribut Form HTML
Daftar tutorial : Tutorial Belajar HTML

Elemen HTML form digunakan untuk apa?

Bagaimana cara membuat form di HTML?