Malam hari ini saya akan share cara untuk menambahkan tombol "select all" pada textarea. Sehingga pengunjung lebih mudah untuk mengcopy teks atau kode yang diberikan dalam textarea, dan pengunjung hanya tinggal mengklik tombol "select all" tersbut. Textarea ini bisa kita gunakan dalam posting seperti artikel ini ataupun kita bisa taruh pada sidebar, tergantung kebutuhan.
Lebih jelasnya lihat contoh bentuk textarea dibawah ini :
DEMO:
Semoga bermanfaat..... Jangan lupa luangkan waktu untuk berkomentar ya.... Terima kasih.
Lebih jelasnya lihat contoh bentuk textarea dibawah ini :
DEMO:
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div>Ganti TEKS ANDA DI SINI dengan teks yang akan anda ketik.
<div align="center"></div><p align="center"><textarea style="background-color: #F8E7B4; border: 1px solid #999999; WIDTH: 500px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> TEKS ANDA DI SINI </textarea></p></div></form>
Semoga bermanfaat..... Jangan lupa luangkan waktu untuk berkomentar ya.... Terima kasih.
Tag :
Blogging
2 Comments for "Membuat Textarea dengan tombol Select All"
Woh Gitu toh.., Bener juga ya Biar Memudahkan Pengunjung Saat akan Mengcopy Sript.. Thanks Sob.., Nice Share... :)
@Dark Optimus Terimakasih sob atas komentar dan kunjungannya...
Silahkan sobat blogger berkomentar namun dilarang dengan keras menyisipkan link hidup maupun link mati !!!! demi kenyamanan kita bersama.
Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.