Membuat Form pada HTML

Form merupakan tempat penginputan data sebelum diproses oleh sistem. Salah satunya adalah form login, form comment, form data user dan lain sebagainya. Untuk proses penginputan data dari form kita akan mempelajari juga materi PHP, MySQL dan JavaScript. Tag yang digunakan untuk membuat form ini adalah <form> yang didalamnya bisa berupa <input>, <textarea>, <option> dan <select>.

Tag <form>
Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim, biasanya nilai yang dikirim berupa alamat dari sebuah halaman untuk memproses data inputan dan atrinut kedua berupa method. Method ini menjelaskan bagaimana data yang akan dikirimkan oleh web browser. Nilai dari method ini biasanya get atau post.

Tag <input>
Tag input merupakan tag yang akan digunakan dalam form pengisian. Tag input ini memiliki banyak sekali bentik yang bisa digunakan misalnya isian text, password, checkbox, radiobutton, sampai tombol submit. Berikut ini beberapa bentuk tag <input> yaitu :

1. <input type="text"> adalah textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
2. <input type="password"> adalah textbox yang menerima inputan text, akan tetapi text yang diinput akan ditampilkan sebagai tanda bintang atau titik. Texbox ini biasa digunakan untuk inputan password.
3. <input type="submit"> adalah inputan berupa tombol (button) untuk memproses data inputan dari form.
4. <input type="checkbox"> adalah inputan berupa checkbox yang dapat diceklis oleh user.
5. <input type="radio">adalah inputan berupa radio grup dimana user dapat memilih salah satu dari pilihan yang disediakan. Salah satu contoh penggunaannya adalah untuk inputan berupa jenis kelamin.

Tag <textarea>

<textarea> merupaka tag yang sama fungsinya dengan inputan text, hanya saja pada textarea ini dapat disajikan lebih banyak text didalamnya. Untuk mengatur panjang dan banyak baris pada textarea ini biasanya menggunakan CSS.

Tag <select>

<select> merupakan tag yang digunakan untuk user memilih data yang sudah disediakan. Dalam penggunaan <select> selalu diikui oleh <option> yang digunakan untuk membuat pilihan.a

Atribut name
Atribut name  merupakan atribut yang nilainya akan digunakan pada saat memproses data oleh web server. Atibut ini biasanya digunakan oleh semua tag pada pembuatan form.

Berikut ini adalah contoh source code pembuatan form menggunakan HTML :

Tampilan di web browser adalah sebagai berikut