Berikut ini beberapa contoh kegunaan Form dalam web :
- Memperoleh feedback dari pengguna web
- Memperoleh informasi pembelian secara online
- Memperoleh data-data user baik nama, alamat, dan data lainya untuk mendaftar pada service yang disediakan
<form action=”url” method=”get | post”>
………
………
</form>
url : lokasi file yang akan melakukan proses terhadap input dari form
method : menyatakan bagaimana masukan-masukan berasal dari form dikirimkan kepada program CGI.
Jenis masukan dalam Form :
Text : nilai yang dimasukkan dapat berupa angka atau teks
<input type=”text” name=”var1” size=n maxlength=n>
Value pada size menunjukkan besar text box
Value pada maxlength menunjukkan jumlah karakter maksimum yang dapat
ditampung.
Radio : menyediakan beberapa pilihan, hanya satu pilihan yang dapat dipilih.
<input type=”radio” name=”var1”> pilihan 1
<input type=”radio” name=”var2”> pilihan 2
<input type=”radio” name=”var3”> pilihan 3
Checkbox : menyediakan beberapa pilihan, dapat lebih dari satu pilihan
<input type=”checkbox” name=”var1” checked>pilihan 1
<input type=”checkbox” name=”var2”>pilihan 2
List atau Dropdown box : menyediakan pilihan dalam bentuk list.
<select name=”var” size=n>
<option value=”… ”>pilihan 1
<option value=” … ”>pilihan 2
<option value= “ … “ selected>pilihan 3
</select>
Textarea : memasukkan data dalam bentuk teks berupa memo.
<textarea name=”var” cols=”n” rows=”n”> … </textarea>
Cols : besar kolom
Rows : banyaknya baris
Button : digunakan untuk melakukan pemrosesan form, sehingga membuat form lebih interaktif.
Pada saat button ditekan script yang ada dalam file lain akan dipanggil untuk melakukan proses selanjutnya.
Tombol button terdiri dari : submit dan reset.
<input type=”submit” value=” … “>
<input type=”reset” value=” … “>
Fieldset : membuat border dengan caption di sekeliling data.
<fieldset>
<legend> …….. </legend>
<form>
……….
</form>
</fieldset>
Contoh :
<! –Dokumen HTML --!>
<html>
<head>
<title>Form Sederhana</title>
</head>
<body>
<h2 align=center>Contoh Form Sederhana</h2>
<h4>Di bawah ini adalah suatu contoh form sederhana dengan mempergunakan control-kontrol :<br>
<ul>
<li>Kotak input teks
<li>Tombol submit
<li>Tombol reset
</ul>
</h4>
<hr>
<form method=”post” action=”coba.php”>
Masukkan nama anda disini : <input type=”text” name=”nama””><p>
Klik tombol OK jika nama anda sudah benar, atau klik tombol batal untuk membatalkannya.</p>
<input type=”submit” value=”ok”> <input type=”reset” value=”batal”> </form>
</body>
</html>
Hasil Contoh :
0 komentar:
Posting Komentar