Cara Membuat Text Area Pakai Select All

Anda semua tahu dong, apa itu 'Text Area' ?!

Biasanya digunakan untuk mengisi tulisan, gambar atau

kode script dan sebagainya. Salah satu fungsinya adalah

untuk menghemat ruang, karena adanya scroll. Ia sering

terlihat berada pada postingan, digunakan untuk

menyimpan kode script atau kode lainnya. Biar jelas,

kita langsung saja ke tutorial cara membuatnya :

TEXT AREA BIASA :

<div style="border: 2px solid rgb(204, 204, 204);

height: 80px; overflow: auto; padding: 5px; text-align:

center; width: 300px;">Anda semua tahu dong, apa 

itu 'Text Area' ?!</div>

Tampilan kode di atas  :

Anda semua tahu dong, apa itu 'Text Area' ?!

Keterangan :

-   Border: 2px adalah ketebalan garis tepinya.

-   Solid adalah jenis garis tepi. Anda bisa ubah
    dengan dashed atau dotted.

-   rgb(204, 204, 204) adalah warna garis tepinya.

-   Text-align: center.
     Anda bisa mengubahnya menjadi left, right atau
     justify untuk membuat tulisan jadi rata kiri-kanan.

-   Lebarnya (width) : 300px.
    Tingginya (height) : 80px.
    Bila terdapat banyak tulisan di dalamnya,
    melebihi ketinggian text areanya, maka
    secara otomatis akan muncul scrollnya,
    seperti terlihat pada gambar di bawah,
    dengan kode yang sama tetapi jumlah isi
    lebih banyak dari tulisan yang di atas.

<div style="border: 2px solid rgb(204, 204, 204); height: 

80px; overflow: auto; padding: 10px; text-align: center; 

width: 300px;">Anda semua tahu dong, apa itu 'Text 

Area' ?! Biasanya digunakan untuk mengisi tulisan, 

gambar atau kode script dan sebagainya. Ia sering 

terlihat berada pada postingan, digunakan untuk 

menyimpan kode script atau kode lainnya.
Biar jelas, kita langsung saja ke tutorial cara 

membuatnya : </div>

Tampilan kode di atas  :

Anda semua tahu dong, apa itu 'Text Area' ?!
Biasanya digunakan untuk mengisi tulisan, gambar atau kode script dan sebagainya.
Ia sering berada pada postingan, digunakan untuk menyimpan kode script atau kode lainnya.
Biar jelas, kita langsung saja ke tutorial cara membuatnya :

TEXT AREA DENGAN SELECT ALL :

<form name="copy"><div align="center"><input 

value="Select All" onclick="javascript:
this.form.txt.focus();this.form.txt.select();" type=

"button"/></div><p style="text-align: center;">

<textarea style="padding: 5px; width: 300px; 

height: 80px;" name="txt">
Anda semua tahu dong, apa itu 'Text Area' ?!
Biasanya digunakan untuk mengisi tulisan, gambar 

atau kode script dan sebagainya.
Ia sering terlihat berada pada postingan, digunakan 

untuk menyimpan kode script atau kode lainnya.
Biar jelas, kita langsung saja ke tutorial cara 

membuatnya :</textarea></p></div></form>

Tampilan kode di atas  :

Anda semua tahu dong, apa itu 'Text Area' ?!<br /> Biasanya digunakan untuk mengisi tulisan, gambar atau kode script dan sebagainya.<br /> Salah satu fungsinya adalah untuk menghemat ruang, karena adanya scroll.<br /> Ia sering berada pada postingan, digunakan untuk menyimpan kode script atau kode lainnya.<br /> Biar jelas, kita langsung saja ke tutorial cara membuatnya :

Keterangan :

-   <input value="Select All" onclick="javascript:

     this.form.txt.focus();this.form.txt.select();

     adalah kode agar ketika tombol 'Select All' diklik,
     maka tulisan atau kode di dalam text areanya akan
     memblok, sehingga kita tinggal mengklik kanan atau
     menekan ctrl + c pada keyborad untuk mengcopy.

-   Tulisan 'Select All' dapat anda ubah menjadi
    'Copy Semua' atau apa saja terserah anda.

-   align="center" adalah letak 'Select All'nya.
     Anda bisa ubah menjadi left atau right
     seperti contoh di bawah :

Anda semua tahu dong, apa itu 'Text Area' ?!<br /> Biasanya digunakan untuk mengisi tulisan, gambar atau kode script dan sebagainya.<br /> Salah satu fungsinya adalah untuk menghemat ruang, karena adanya scroll.<br /> Ia sering berada pada postingan, digunakan untuk menyimpan kode script atau kode lainnya.<br /> Biar jelas, kita langsung saja ke tutorial cara membuatnya :

Anda semua tahu dong, apa itu 'Text Area' ?!<br /> Biasanya digunakan untuk mengisi tulisan, gambar atau kode script dan sebagainya.<br /> Salah satu fungsinya adalah untuk menghemat ruang, karena adanya scroll.<br /> Ia sering berada pada postingan, digunakan untuk menyimpan kode script atau kode lainnya.<br /> Biar jelas, kita langsung saja ke tutorial cara membuatnya :

CATATAN :

Bila anda ingin meletakkan text area ini pada postingan,
harus dalam format 'Edit HTML' bukan Compose.

TULISAN MENDATANG, TENTANG :

" Cara Membuat Text Area Berbackground Warna "