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

Posted in: HTML