Membuat Form dengan Sintak HTML


Elemen form digunakan sebagai formulir dalam mengumpulkan data client. Elemen form di definisikan dengan menggunakan tag <form>...</form>. Ada beberapa elemen penting lainnya yang harus diperhatikan dalam membuat form yaitu :

  • Elemen text fields (bidang input teks)
  • Elemen checkboxes (bidang input dengan beberapa pilihan dengan cek list)
  • Elemen radio buttons (bidang input dengan menentukan satu pilihan)
  • Elemen submit buttons (tombol untuk mengeksekusi pengiriman data)

Elemen diatas adalah elemen yang sangat sering digunakan sebagai elemen yang menyediakan bidang inputan untuk client. Jika kita analogikan, Elemen <form> merupakan kerangka yang akan menentukan metode pengiriman data, sedangkan didalam kerangka tersebut terdapat beberapa tipe inputan seperti elemen text fields, checkboxes, radio buttons. Dan submit buttons merupakan tombol untuk memerintahkan eksekusinya.


<form>
  Nama Lengkap: <br />
  <input type="text" name="nama" /> <br /><br />

  Jenis Kelamin: <br />
  <input type="radio" name="gender" value="1" /> Laki - laki
  <input type="radio" name="gender" value="2" /> Perempuan <br /><br />

  Beberapa Pilihan: <br />
  <input type="checkbox" name="ceklist" value="1" />Pilihan 1
  <input type="checkbox" name="ceklist" value="2" />Pilihan 2 <br /><br />

<input type="submit" name="" />
</form>

Sintak diatas akan menghasilkan outpun seperti dibawah ini.

Beberapa elemen inputan diatas mempunyai atribut - atribut yang pastinya ada fungsi dan maksudnya. Disetiap elemen memiliki atribut name, atribut ini digunakan sebagai nama variabel yang nantinya digunakan sebagai parameter pengiriman data. Terdapat pula atribut value yaitu mengandung nilai dari inputan tersebut yang kemudian nilai itulah yang akan diproses. Kedua atribut tersebut adalah atribut yang sangat penting dalam penggunaan formulir karena berpengaruh terhadap pemrosesan data, pahamilah dengan teliti karena kebanyakan programmer pemula banyak mengalami masalah dengan atribut ini. 

Masih di dalam elemen <form> terdapat pula elemen inputan dengan tipe submit. Elemen ini membentuk sebuah tombol yang jika kita klik itu berarti adalah perintah untuk mengeksekusi formulir. Setelah perintah eksekusi, kemana data inputan itu dikirim?. Data data itu dikirim ke sisi server yang kemudian akan diproses oleh program. Disinilah kamu membutuhkan setidaknya satu bahasa pemrograman untuk pengolahan datanya seperti bahasa pemrograman PHP atau lainnya. Dalam mengirim data formulir, ada dua metode ata cara pengiriman yang wajib kamu kuasai yaitu GET dan POST. Pada kesempatan lain, kita akan belajar metode atau method dan contoh atribut action pada elemen form. 

Demikian artikel ini ditulis sebagai bahan belajar bersama, semoga bermanfaat untuk kita semua.


Tipe Elemen dalam HTML    -    Cara Menggunakan Atribut Method dan Action


Berikan Komentar Anda