ok langsung aja kita coba pelajari, pahami, dan resapi .hhehe (sama2 belajar)
1. Objek Textarea
untuk menyimpan informasi tentang elemen form yang berupa kotak teks dengan banyak baris.
contoh:
<html>
<head><title>Latihan Dengan Objek TextArea</title></head>
<body>
<script languange ="JavaScript">
<!--
function tekan(){
var ketstr = (document.fform.Ket.value);
document.fform.Oket.value = ketstr;
}
//-->
</script>
<form name ="fform">
<H1> Memasukkan Data Dengan Objek TextArea</H1><hr>
<h3>Keterangan :<h3><br>
<textarea name="Ket" rows="3" cols="30"></textarea>
<BR><BR>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<H3>Output Keterangan :</H3>
<textarea name="Oket" rows="3" cols="30"></textarea>
</form>
</body>
</html>
tampilan:
2. Objek Select
untuk menyimpan elemen form yang berupa kotak daftar. Objek ini berguna jika didalam form terdapat banyak pilihan yang telah mempunyai nilai tertentu.
contoh:
<html>
<head><title>Latihan Dengan Objek Select</title></head>
<body>
<script languange ="JavaScript">
<!--
function tekan(){
var jurusanstr = (document.fform.Jurusan.value);
document.fform.Ojurusan.value = jurusanstr;
}
//-->
</script>
<form name ="fform">
<H1> Penggunaan Objek Select</H1><hr>
<h3>Masukan :<h3>
Jurusan Di AMIK :<select name="Jurusan" Size="1">
<option value ="Manajemen Informatika"> Manajemen Informatika </option>
<option value ="Teknik Informatika"> Desain Grafis </option>
<option value ="Teknik Komputer"> Teknik Komputer </option>
<option value ="Teknik Industri"> Teknik Industri </option>
<option value ="Teknik Sipil"> Teknik Sipil </option>
<option value ="Teknik Arsitektur"> Teknik Arsitektur </option>
</select>
<p><input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<H3>Output jurusan :</H3>
<input type="text" name="Ojurusan" size="30">
</form>
</body>
</html>
tampilan:
silahkan download scriptnya disini.
2 komentar