Setelah postingan terakhir mengenai Objek Radio dalam HTML dan Javascript, sekarang mari melirik ke objek textarea di HTML dan Javascript.
Objek textarea biasa digunakan untuk memasukan data teks yang panjang.
Berikut contoh codingannya :<html><body style="color: magenta; font-family: Verdana, Geneva, sans-serif; font-size: 14px;">Outputnya :
Contoh ini digunakan untuk memperlihatkan penyalinan
teks dari textarea sumber ke textarea target.
Selain itu juga dapat digunakan untuk menghapus teks
pada textarea target.
<form>
<table border="1">
<tr><th>Sumber:</th><th>Target:</th></tr>
<tr>
<td>
<textarea cols="20" id="sumber" name="sumber" rows="6">
Tes 123
Tes 456
</textarea>
</td>
<td>
<textarea cols="20" id="target" name="target" rows="6">
</textarea>
</td>
</tr>
<tr>
<td align="center">
<input id="tombolSalin" name="tombolSalin" onclick="salinTeks()" type="button" value="Salin" />
</td>
<td align="center">
<input id="tombolHapus" name="tombolHapus" onclick="hapusTeks()" type="button" value="Hapus" />
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function salinTeks(){
document.forms[0].target.value = document.forms[0].sumber.value;
}
function hapusTeks(){
document.forms[0].target.value = "";
}
</script>
</body>
</html>
Semoga bermanfaat.
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :