HTML - FORM

Form atau formulir dalam HTML merupakan wadah untuk menginputkan data yang nantinya akan diproses oleh web server. Hasil proses atau eksekusi dari form dapat disimpan langsung ke dalam basis data maupun melalui proses lain terlebih dahulu seperti proses validasi dan verifikasi data. Form membuat web tampil lebih interaktif dikarenakan adanya komunikasi antara pemakai dan aplikasi secara langsung. Form pada HTML terdiri dari 6 jenis tag yang harus diketahui antara lain tag form, tag text field, textarea, select field, file field, button, dan label. Tabel berikut akan menjelaskan
pengertian dan fungsi masing-masing tag pada form.

Nama Tag
Tag
Fungsi
Form <FORM> Digunakan untuk membuat formulir yang terdiri dari beberapa fungsi inputan data
Text field <INPUT> Merupakan tag HTML yang digunakan sebagai kontrol input teks dari keyboard
Textarea <TEXTAREA> Merupakan tag kontrol form fieldset yang digunakan untuk menginput teks lebih dari satu baris.
Select <SELECT> Merupakan tag kontrol form fieldset yang digunakan untuk memilih satu dari banyak pilihan yang tersedia berbentuk daftar atau list pilihan.
File field <FILE> Merupakan tag kontrol form untuk memilih file. Biasanya digunakan sebagai kontrol upload file ke dalam file server.
Button <BUTTON> Merupakan tag yang digunakan untuk menangani proses eksekusi atau pengiriman data pada form maupun digunakan untuk mereset semua input data pada form.
Label <LABEL> Merupakan tag yang digunakan untuk memberikan nama atau informasi mengenai jenis input yang tersedia.

FORM

Tag form terdiri dari beberapa atribut yang harus diketahui antara lain id, name, action, dan method. Tabel berikut ini akan menjelaskan fungsi masing-masing atribut pada penanganan form.

Atribut Form
Value
Fungsi
name teks Inisiasi nama formulir yang digunakan
id teks Menjelaskan identitas dari formulir
action url Mengirimkan hasil input data ke url pemrosesan data
method POST / GET Menegaskan proses yang terjadi

Bentuk umum penulisan form

  <FORM  atribut1=”nilai” atribut2=”nilai”></FORM>

Contoh :

<FORM  NAME=”myFORM” ID=”FormPendaftaran” ACTION=”daftar.php”  METHOD=”POST”></FORM>

Tag FORM yang dibuat tidak akan tampak pada halaman HTML, dikarenakan tag FORM ini hanya sebagai layer untuk input field pada formulir saja dan tag FORM ini bekerja pada sisi server bukan pada halaman HTML. Tag FORM ini akan bertugas mengirimkan data inputan untuk diproses lebih lanjut oleh server.

Posting Komentar

Tuliskan komentar anda.

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

IT REFERENCE