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

Di sini Text atau kode yang anda Tulis

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