Cara Membuat TextArea Dilengkapi Dengan Select All

Artikel textarea  yang sudah dilengkapi dengan fasilitas select all ini sudah tidak asing lagi didunia per"blogger"an namun berhubung masih ada sobat yang ingin agar lebih mudah menemukannya maka artikel inipun saya tulis dengan harapan bisa mempermudah sobat semua para pengunjung setia Auto-Komputer.

Text area adalah merupakan salah satu kode HTML yang berfungsi untuk membentuk daerah persegi atau kotak yang berfungsi untuk membatasi teks atau kode tertentu.

berikut ini adalah contoh textarea

Inilah teks yang berada di dalam kotak

Untuk membuat textarea seperti di atas kodenya adalah seperti berikut :

<textarea style="padding: 3px; width:200px; height:60px";>Inilah teks yang berada di dalam kotak</textarea>

Kode di atas hanya berupa textarea saja sedangkan tab atau tombol untuk Select All belum ada. Kita harus menambahkan kode untuk tab Select All seperti berikut.


kode untuk tombol (button)Select All di atas adalah

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div>

Jika digabungkan maka kode selengkapnya menjadi seperti berikut. Kode yang berawarna biru adalah kode untuk button Select All sedangkan kode berwarna hijau adalah kode untuk textarea.

<form name="copy"><div align="left"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><textarea style="padding: 3px; width:200px; height:60px" name="txt";>Inilah teks yang berada di dalam kotak</textarea>

sehingga hasil akhirnya menjadi seperti berikut.

Inilah teks yang berada di dalam kotak

Coba klik pada Select All maka semua teks yang berada di dalam kotak akan terseleksi, jika hendak memperbanyak (copy) maka klik kanan di dalam kotak tersebut dan klik copy dan kemudian pastekan kodenya di tempat yang dituju.

Semoga artikel ini bermanfaat