MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

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  :


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 :



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 "

Tulis Komentar


0 comments:

Posting Komentar