Cara Membuat Text Area Auto Copy

Anda bingung membuat text area yang dengan tombol auto copy ?
kini saya akan mencoba berbagi bagaimana caranya.

semoga tips dan trik ini bisa membantu anda.

Untuk membuat text area dengan tombol COPY ALL, silakan copy kode di bawah ini.


<div><form
 name="copy"><div align="center"><input 
onclick="javascript:this.form.txt.focus();this.form.txt.select();" 
type="button" value="Copy All" /></div><div 
align="center"></div><div align="center"><textarea 
cols="55" name="txt" rows="100" style="height: 150px; width: 350px;" 
wrap="VIRTUAL"> Di sini Text atau kode yang anda Tulis 
</textarea></div></form></div>

Kode di atas mempunyai 2 elemen bagian. Elemen yang pertama adalah elemen kode pembentuk tombol yang bertuliskan Copy All. Sedangkan elemen yang kedua adalah elemen kode pembentuk text area.

Kode di atas mempunyai 2 elemen bagian. Elemen yang pertama adalah elemen kode pembentuk tombol yang bertuliskan Copy All. Sedangkan elemen yang kedua adalah elemen kode pembentuk text area.

Keterangan untuk elemen pembentuk tombol bertuliskan Copy All:

<div align="center"> ,kata center menunjukkan bahwa posisi tombol berada di tengah. Tapi bila sobat ingin posisi tombol itu berada di sebelah kanan, ganti kata center dengan right. Jika ingin berada di sisi kiri, Anda ganti kata center dengan kata left.

input onclick="javascript:this.form.txt.focus();this.form.txt.select();", kode ini menunjukkan kalau tombol Copy All diklik maka seluruh teks yang ada di dalam text area akan ter-Sorot.
value="Copy All", kata Copy All adalah kata yang muncul di tombol. Anda dapat menggantinya dengan kata keinginan Anda.

Dann Ini Contoh nyatanya

Mudah-mudahan aja tips dan trik ini bisa membantu mempercantik blog anda. Semoga page rank blog anda bisa meningkat