Form HTML merupakan tag yang
paling penting dalam pemrograman internet khususnya dalam pembuatan aplikasi
berbasis web. Form menyediakan properti masukan yang dapat berupa text box,
check box, radio button, dan button.
Untuk mendeklarasikan sebuah
formdigunakan tag <form> ……… </form>. Di dalam tag ini
didefinisikan elemen – elemen form seperti yang telah disebutkan diatas. Selain
tag, elemen form juga dapat menuliskan sembarang teks, tag, maupun image.
Atribut
elemen form:
action = lokasi dan nama file (file yang menangani
form)
method = [get | post] (metoda HTTP untuk men-submit
form)
Properti
masukan pada elemen form
1.
Text
box <input type= “text”>
Digunakan untuk memasukkan input yang berupa
teks.
Size: Ukuran dari textbox dalam karakter,
default 20
Max size: maksimal banyaknya karakter yang
dapat diterima
Name: nama dari variabel yang dikirim ke suatu
aplikasI
2.
Password
<input type= “password”>
Digunakan untuk memasukkan password
Size: ukuran dari text box dalam karakter,
default 20
Max size: maksimal banyaknya karakter yang dapat
diterima
Name: nama dari variabel yang dikirim ke suatu
aplikasi
3.
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
4.
Check
Box <input type= “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 sudah ditandai)
5.
Radio
Button <input type= “radio”>
Digunakan agar dapat memilih hanya salah satu
pilihan
Name: nama dari variabel yang dikirim ke suatu
aplikasi
Value: nilai dari variabel
Checked: (radio button yang sudah ditandai)
6.
Push
Button <input type= “button”>
Elemen ini biasanya digunakan dengan javascript
atau VBscript untuk menghasilkan suatu aksi.
Name: nama dari variabel yang dikirim ke suatu
aplikasi
Value: label teks diatas tombol
7.
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.
Name: nama dari variabel yang dikirim ke suatu
aplikasi
Value: label teks diatas tombol
8.
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
9.
Reset
<input type= “reset”>
Digunakan untuk mereset semua masukan dalam
form
Value: tekt label on the button
10.
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
11.
Select
<select> ……… </select>
Daftar isi dalam properti saat menggunakan
tag <option>
Size: jumlah pilihan yang dapat terlihat
Name: nama dari variabel yang dikirim ke suatu
aplikasi
<html>
<head>
<title> ……………
</title>
</head>
<body>
<form action= # method=get>
<P> Nama :
<input type=”text” name=nama>
<P> Alamat :
<input type=”text” name=nama>
<P> Jenis
Kelamin:
<input
type=radio name=sex value=man> Laki – laki
<input
type=radio name=sex value=woman> Perempuan
<P> Pekerjaan :
<select name= pekerjaan>
<option
value= Pelajar> Pelajar
<option
value= Peg_negeri> Pegawai Negeri
<option
value= Peg_swasta> Pegawai Swasta
<option
value= Pembantu> Pembantu
</select>
<P> Hobby:
<input
type=checkbox name=hobby value=olahraga> Olahraga
<input
type=checkbox name=hobby value=seni> Seni
<input
type=checkbox name=hobby value=tidur> Tidur
</P>
<input
type=submit value=kirim data>
<input
type=reset value=ulangi>
</form>
</body>
</html>
Tidak ada komentar:
Posting Komentar