Cara Membuat Tombol Select All pada Text Area

(IdeNgeblog.Blogspot.Com) Ingin membuat text area yang beda dengan yang biasa? pada kesempatan ini saya akan berbagi bagaimana agar text area memiliki tombol 'select all' yang fungsinya memblock semua isi dari text area. Hal ini dilakukan agar mempermudah pengunjung website tidak kerepotan dalam mengcopy, apalagi yang sifatnya berupa kode. Tentunya jika memblock dilakukan dengan cara manual dikhawatirkan ada kode yang terlewatkan untuk dicopy akibat kurang sempurna memblock. berikut penampakannya,

Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba Nyoba

Silahkan copy kode berikut untuk penggunaannya:

<form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" /><br /><div align="center"> </div> <div align="center"> <textarea style="height: 50px; widht: 100px" name="txt" rows="1" cols="40"> TEXT DI SINI ...

Catatan: "height (tinggi) dan widht (lebar)" Bisa dirubah sesuai keinginan

~ Selamat Mencoba ~

Bagikan ke: Facebook Twitter Google+

Terkait