Beberapa komponen Form yang sering kita gunakan biasanya ditujukan untuk validasi data, apakah data yang sudah kita masukkan sudah sesuai. Kita dapat menampilkan nilai/isi dari komponen tsb dengan fungsi javascript. Berikut source programnya:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript"> function tampil(){
tampil_1=form1.textfield.value; // simpan nilai dari objek form textfield sebagai tampil_1 tampil_2=form1.textarea.value; // simpan nilai dari objek form textarea sebagai tampil_2 tampil_3=form1.select.value; // simpan nilai dari objek form select sebagai tampil_3 tampil_all = 'komponen 1 berisi : '+tampil_1+' | '+'komponen 2 berisi :'+tampil_2+' | '+'komponen 3 berisi :'+tampil_3;
alert(tampil_all);
}
</script>
</head>
<body>
<form name="form1" method="post" action=" ">
Komponen 1 : <input type="text" name="textfield"><br><br>
Komponen 2 : <textarea name="textarea"></textarea><br><br>
Komponen 3 : <select name="select">
<option value="linux">linux</option>
<option value="window">window</option>
</select><br><br>
<input type="button" name="Submit" value="Tekan" OnClick="tampil()">
</form>
</body>
</html>
Pada saat tombol “Tekan” kita tekan, maka properties OnClick=“tampil()” pada objek form button akan memanggil fungsi javascipt, yaitu fungsi tampil(). Perhatikan pada souce program diatas, semua objek form ditampung dalam variable tampil_1 s/d tampil_3. Semua variable tersebut digabungkan menjadi 1 variabel, yaitu variable tampil_all dan untuk menampilkan hasil dari inputan beberapa objek form tsb dibrowser, digunakan fungsi alert().
Catatan: berjalan baik pada browser IE & Mozilla
