Cara Membuat Text Area dengan Select All

Text area adalah tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML atau teks berupa tulisan apa saja agar bisa di copas dengan mudah oleh para pengunjung blog. OK kali ini membahas tentang bagaimana membuat Text Area dengan Select All atau menyeleksi dengan cara mengklik pada teks didalamnya.
Ada dua macam model Text Area dengan Select All yang sering di pakai yaitu dengan klik untuk meyeleksi dan dengan menyorot mouse saja untuk menyeleksi

1. Untuk membuat text area Select All  dengan mengklik misalnya text Lorem Ipsum  didalamnya,  caranya sebagai berikut :

Code :

<div align="center">
<textarea cols="45" name="code" onclick="this.focus();this.select();" rows="5">kode sampeyan di sini</textarea></div>

Keterangan :

rows="5", adalah tinggi dari text area, bisa dirubah.

Cols="45", adalah lebar dari text area. bisa dirubah.

Hasilnya :

Lorem ipsum dolor sit amet, arcu magna lorem ut. Augue natus aenean augue sed, magnis eros neque mauris, anim pede est dui enim, cras litora netus mi nibh suspendisse, maecenas et porta vivamus. Metus lobortis ut luctus hac neque, vestibulum vitae ac augue adipiscing,

Coba  klik pada teks yang ada di dalam kotak text area,..  Ok?   sudah ya...!.. teks yang ada di dalam kotak akan terseleksi semua tidak akan ada yang tertinggal, dan kita tinggal copy atau tekan Ctrl + C di keyboard;

2. Untuk membuat text area Select All  dengan menyorot mouse misalnya text Lorem Ipsum didalamnya,  caranya sebagai berikut :

Code :

<div align="center">
<textarea cols="45" name="code" onmouseover="this.focus();this.select();" rows="5">kode sampeyan di sini</textarea></div>

Keterangan :

rows="5", adalah tinggi dari text area, bisa dirubah.

Cols="45", adalah lebar dari text area. bisa dirubah.

Hasilnya :

Lorem ipsum dolor sit amet, arcu magna lorem ut. Augue natus aenean augue sed, magnis eros neque mauris, anim pede est dui enim, cras litora netus mi nibh suspendisse, maecenas et porta vivamus. Metus lobortis ut luctus hac neque, vestibulum vitae ac augue adipiscing,

Ini cara yang kedua, coba sorot dengan mouse pada teks yang ada di dalam kotak text area, dan secara otomatis teks yang ada di dalam kotak akan terseleksi semua tidak akan ada yang tertinggal, dan kita tinggal copy atau tekan Ctrl + C di keyboard;

Selesai meng-copy kita..ngopi..dulu...hehehe....

Pengelola Blog

Zainoel Arifin Isa'i : Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.

Machfudz Arif : Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.