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 Belajar Ilmu 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



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 orange 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.



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 bagi pengunjung Belajar Ilmu Komputer.

4 comments:

Stop Dreaming Start Action said...

tips keren, apa khabar Hen?

Belajar Ilmu Komputer said...

kabar baek gun, kapan mudik lebaran gun ? met puasa ya...

'Oniee BeqicHan' said...

Bang kalo mau bikin kode tukar link kya punya abang gmn caranya?
Mohon bantuanya

Belajar Ilmu Komputer said...

Untuk membuat tukar link blog menggunakan banner silahkan baca di sini

Post a Comment

Bagaimana menurut anda tentang artikel ini, Berikan Komentar anda di sini... komentar spam akan dihapus

Pengikut Belajar Ilmu Komputer