Cara Membuat Form (Formulir) Dengan Bahasa Html

Belajar membuat form dengan bahasa pemrograman HTML

Form adalah sebuah antarmuka atau interface yang berfungsi untuk mengumpulkan data dari user. Hasil dari isian form tersebut akan diproses untuk disimpan ke dalam database dengan menggunakan bahasa pemrograman web selain html, mirip PHP, ASP, JSP atau JavaScript. Namun pada materi ini pengerjaan form masih belum sampai ke proses penyimpnan data ke dalam database hanya sampai pada tampilan di web client atau browser saja.

Contoh dari suatu form adalah seperti di bawah ini :

Form di atas menyediakan fasilitas untuk mengisi data eksklusif, data tersebut akan disimpan ke dalam database pada ketika tombol Kirim diklik. Sebenarnya pada dikala tombol Kirim diklik, form tersebut akan menjalankan sebuah program untuk menyimpan data. Program tersebut hanya mampu dijalankan di server, bahasa pemrogramannya pun bukan HTML lagi, tapi bahasa pemrograman web seperti yag sudah disebutkan di atas.

Elemen Form HTML

Sebelum kita bahas cara menciptakan form dengan html, semestinya kita mengetahui unsur-bagian dari sebuah form. Form dalam bahasa HTML dibuat dari beberapa elemen form, masing-masing komponen didefiniskan dalam bentuk tag. Berikut yakni unsur-komponen dari sebuah form :

Simbol	Nama	Tag
	Text Field
	Password Field
	Text Area
Silahkan Pilih	Combo Box
	Check box
	Radio Button
	Button

Atribut Form dan Elemen-elemennya

Tag

Fungsi : Tag ini berfungsi untuk mendefinisikan suatu form

Atribut-atribut
name : untuk memperlihatkan nama form
methode : cara pengantaran data pada server dengan memberikan nilai salah satu di bawah ini yaitu :

• Get : mengantardata pada server dengan cara meletakan data pada bab selesai URL yang ditunjuk.
• Post : mengantardatanya secara terpisah.

Perbedaannya, jikalau kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan tampakpada url browser. Method get ini lazimnya dipakai untuk query penelusuran. Method post biasanya dipakai untuk data yang lebih sensitif seperti yang berisi password, atau pendaftaran user. Data hasil form tidak akan tampakpada browser.

action : memilih lokasi dari script yang hendak memproses data dari form.

Struktur dasar form akan terlihat selaku berikut:

...isi form...

Form tersebut mempunyai nama form1, pada dikala tombol submit/login di klik, maka form ini akan melakukan script php yang ada pada file login.php, data-data yang sudah diisi akan dikirim ke server dengan menggunakan tata cara post.

Demikian sedikit penjelasan tentang Cara Membuat Form (formulir) dengan Bahasa HTML. Untuk lebih mengetahui lebih lanjut perihal form ini, silahkan pelajari Elemen-bagian form html dan fungsinya.

Mudah-mudahan tulisan ini berguna !.

Berbagi :