[Review] Pembuatan Form pada website

Hai teman-teman,

Pada kesempatan kali ini, saya akan berbagi dengan kalian tentang pembuatan Form pada suatu website. Apa sih itu Form? Ya formulir.. berikut ini adalah penjelasan-penjelasannya :

Form HTML merupakan tag yang paling penting khususnya dalam membuat aplikasi berbasis web. Form menyediakan properti masukan yang dapat berupa textbox, checkbox, radio button, dan button.

Untuk mendeklarasikan sebuah form digunakan tag <form>.....</form>. Di dalam tag ini akan mendefinisikan elemen-elemen form seperti yang telah disebutkan di atas. Selain tag elemen, form juga dapat menuliskan sembarang teks, tag, image.

Atribut Elemen Form

action = lokasi dan nama file (file yang menangani form)

method = [ get | post ] (metode HTTP untuk men-submit form)

Properti Masukan Pada Elemen Form

Text box <input type=”text”>

Digunakan untuk memasukkan input berupa text.

size = ukuran dari textbox dalam karakter, default 20

maxsize = maksimal banyaknya karakter yang dapat diterima

name = nama dari variabel yang dikirim ke suatu aplikasi

value = akan menampilkan isinya sebagai nilai default

Password <input type=”password”>

Digunakan untuk memasukkan password.

size = ukuran dari textbox dalam karakter, default 20

maxsize = maksimal banyaknya karakter yang dapat diterima

name = nama dari variabel yang dikirim ke suatu aplikasi

Hidden <input type=”hidden”>

Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variable

Check box <input type=”checkbox”>

Check box digunakan untuk dapat memilih lebih dari satu pilihan.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variabel

checked (checkbox yang ditandai)

Radio button <input type=”radio”>

Radio button digunakan untuk dapat memilih hanya salah satu pilihan.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variabel

checked (radio button yang ditandai)

Push button <input type=”button”>

Elemen ini biasanya digunakan untuk JavaScript, VBScript, atau script lain untuk

menghasilkan suatu aksi.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = label teks di atas tombol

Submit <input type=”submit”>

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama variabel dan nilainya ke

suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = label teks di atas tombol

Image submit button <input type=”image” src=”URL”>

Digunakan untuk menggantikan tombol standar submit dengan image.

name = nama dari variabel yang dikirim ke suatu aplikasi

Reset <input type=”reset”>

Digunakan untuk mereset (menghapus) semua masukan dalam form dengan cepat.

value = label teks di atas tombol.

Text area <textarea> . . . </textarea>

Elemen untuk memasukkan teks secara leluasa seperti pada notepad.

name = nama dari variabel yang dikirim ke suatu aplikasi

rows = panjang baris dalam karakter

cols = tinggi (jumlah baris)

Select <select> . . . </select>

Daftar isi dalam properti select menggunakan tag <option>

name = nama dari variabel yang dikirim ke suatu aplikasi

size = jumlah pilihan yang dapat terlihat.

Nah, itulah atribut html yang ada dalam pembuatan Form..

Sekian dari saya, semoga artikel ini bermanfaat..