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..