Membuat Form Registrasi Dengan HTML Form

~HTML Form

HTML Form sering digunakan untuk meminta inputan dari user yang kemudian diproses oleh server side scripting seperti PHP, JSP, dan sebagainya. Form HTML diapit oleh tag <form></form>. Dua attribut yang paling sering digunakan dalam penggunaan form adalah:
– Action: Nilai dari attribut ini menunjukkan lokasi dari file pemroses dari form. Dapat berupa relatif URI, contoh “folderX/file.php” atau absolut URI, contoh “http://contoh.com/file.php”.
– Method: Nilai dari attribut menentukan metode data yang dikirimkan ke file pemroses, apakah melalui metode “GET” atau “POST”.

Contoh penggunaan tag form sebagai berikut:

<form action=”file.php” method=”POST”>
...
</form>

Tag form tidak banyak berguna tanpa adanya tag input lain. Tag form berfungsi hanya sebagai wrapper yang mengelompokkan data yang akan dikirim. Tag yang digunakan bersama tag form adalah tag <input>.

~Macam macam input

Untuk menampilkan textbox, checkbox, radio button, dan lainnya hanya diperlukan tag <input> Yang membedakan output dari masing masing tampilan adalah nilai dari attribut type.

Contoh berikut merupakan penggunaan tag input untuk menampilkan textbox:

<input type=”text” size=”16” maxlength=”16”>
Berikut ini daftar nilai yang dapat digunakan pada attribut type:

Nilai Type	Keterangan
text	untuk menampilkan textbox
password	untuk menampilkan password field
file	Untuk menampilkan proses upload file (mirip seperti textbox namun dengan tombol Browse)
checkbox	Untuk menampilkan proses upload file (mirip seperti textbox namun dengan tombol Browse)
radio	Untuk menampilkan tombol radio/option (hanya satu pilihan)
submit	untuk menampilkan textbox
button	untuk menampilkan password field
reset	Untuk menampilkan proses upload file (mirip seperti textbox namun dengan tombol Browse)
hidden	Untuk menampilkan proses upload file (mirip seperti textbox namun dengan tombol Browse)

Selain tag <input> masih ada tag lain yang biasa digunakan dalam form yaitu tag <select> dan <textarea>.

PENERARAN TEORI HTML FORM
1. Buka gedit / Notedpad++
2. Ketik kode berikut:

atau Kode Berikut (Versi Dia)

3. Simpan dengan nama form.html
4. Buka dengan browser file tersebut.
Hasilnya memang tidak begitu bagus karena kita tidak melakukan styling pada form.

Jika sukses akan tampil seperti ini gann!!