Membuat Text Area Dengan Pasilitas Select All

Mungkin anda pernah melihat ada kotak text area yang ada pasilitas select allnya. liat gambar yang dilingkari:

Bagaimana cara membuatnya? caranya seperti ini:

1. Select All diatas kotak

Tulis Text atau kode di sini

Jika anda ingin membuat text area seperti diatas codenya adalah:

<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: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form>

2. Select All di bawah kotak

Text atau kode disini

Jika anda ingin membuat text area seperti diatas codenya adalah:

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Text atau kode disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"></p></form>