Buscar

Objek TextArea dalam HTML dan Javascript

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;">
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>
Outputnya :

Semoga bermanfaat.

0 comments:

Posting Komentar