Rabu, 20 April 2011

Menggunakan Formulir

Setiap kita menjumpai halaman Web yang dapat digunakan oleh pemakai untuk memasukkan data, berarti halaman tersebut menggunakan formulir.
dibawah ini adalah contoh penggunaan formulir :

Menggunakan Formulir
Dasar Penggunaan Formulir
1
<form>...</form>
Pasangan tag form
2
Action=.....*.....
Mehod=pos/get
Dua atribut yang umum digunakan pada tag<form>
3
<form action=”proses.php” method=”post”> ....</form>
Contoh penulisan form besarnya atributnya
Memasukkan data dengan INPUT
Tag <input> memiliki sejumlah atribut yaitu :

Atribut
Keterangan
1
Name
Menentukan nama data
2
Size
Menentukan ukuran kotak masukan
3
Maxlength
Menentukan jumlah karakter yang dapat dimasukkan dalam kotak
4
Value
Menentukan nilai awal untuk kotak masukkan
5
Checked
Mengatur agar kotak cek dalam keadaan awal
6
Type
Menentukan tipe kotak masukan
Tipe text
1
<input type=”text” name=”nama” size=”20” maxlength=”20”>
Membuat kotak text yang berguna untuk memasukkan data
2
<input type=”text” name=”nama” size=”20” maxlength=”20” value=”Isi dengan nama anda”>
Menambahkan value untuk memberi nilai bawaan untuk field teks
Tombol Submit dan Reset
1
<input type=”submit” value=”kirim”>
Tombol submit menyebabkan url yang disebutkan pada action pada form akan dimuat
2
<input type=”reset” value=”hapus”>
Mengosongkan atau memberi nilai asli kenilai bawaan
Type Password
1
<input type=”password” name=”password” size=”8” maxlength=”8”>
Membuat password teks yang diketikan akan berubah menjadi *
Tipe Checkbox
1
<input type=”checkbox” name=”anggur” checked>anggur
membuat kotak cek, atribut checked berfungsi untuk mencentang kotak cek



Tombol radio (untuk mengelompokkan radio nama disamakan)
1
<input type=”radio” 
name=”sex” 
checked>pria
Membuat tombol radio
Memasuukkan dengan Textarea
1
<textarea>
....
</textarea>
Pasangan <textarea>
Atribut Texarea

Atribut
Keterangan

Name
Menentukan nama untuk teks area

Rows
Menentukan jumlah baris yang tertampil pada layar

Cols
Menentukan jumlah koliom yang tertampil pada layar

Wrap
Menentukan teks secara otomatis.
2
<texarea name=”komentar” rows=”5” cols=”40” wrap>123</texarea>
Penulisan textarea beserta atributnya
Peilihan dengan Select
1
<select name=”musik”>
<option value=”jazz”>Jazz
</select>
Membentuk kotak combo yang bernama musik
2
<select name=”musik” size=”3”>
<option value=”jazz”>Jazz
</select>
Penambahan size akan membuat daftar pilihan bukan kotak kombo
Lebih lanjut tentang tombol
1
<input type=”button”
Value=”ke hal sebelumnya” onklick=
”self.history.back();”>
Membuat tombol dengan nama keterangan “ke hal sebelumnya” fungsi onklick=”self.history.bac()” adalah untuk kembali kehalaman sebelumnya





0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Justin Bieber, Gold Price in India