Form Global

Dunia Maya Dalam Berita

Membuat Form

Sabtu, 29 Mei 2010 21.58 Sandy
Label: Komunikasi Data , 1 komentar

Form HTML merupakan tag yang paling penting khususnya dalam membuat aplikasi berbasis web. Form merupakan properti masukan yang dapat berupa textbox, check box, 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 text, tag, image.

Atibut Elemen Form

action = lokasi dan nama 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 variabel
Check Box <input type="checkbox"/>
Check box digunakan untuk dapat memilih lebih dari satu pilihan.
nama = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variable
checked = (checkbox yang sudah ditandai)
Radio Button <input type="radio"/>Radio Button digunakan untuk dapat memilih hanya satu pilihan.
nama = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variabel
checked = (checkbox yang sudah ditandai)
Push Button <input type="button"/>
Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi
nama = nama dari variabel yang dikirm ke suatu aplikasi
value = label teks diatas tombol
Submit <input type="submit"/>

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.
nama = nama dari variabel yang dikirim ke suatu aplikasi
value = label teks diatas tombol
Image Submit Button <input type="submit"/>
Digunakan untuk menggantikan tombol standar submit dengan image.
nama = nama dari varibel yang dikirim ke suatu aplikasi
Reset <input type="reset"/>Digunakan untuk mereset semua masukkan form.
value = text label on the button
Text Area <textarea>...</textarea>Elemen untuk memasukkan teks secara leluasa seperti notepad.name     = nama dari variabel yang dikirim ke suatu aplikasi
rows      = panjang baris dalam karakter
cols       = tinggi dalam karakter
Select <select>...</select>
Daftar isi dalam properti select menggunakan tag <option>
size = jumlah pilihan yang dapat terlihat
name = nama dari suatu variabel yang terkirim ke suatu aplikasi