Cara Membuat Text Area dan Textbox Area Berfasilitas Select All

Jika Anda pernah membaca posting/artikel tentang Text Area, mungkin Anda juga pernah mendengar tentang Textbox Area? Text Area dan Textbox Area mempunyai fungsi yang sama yaitu sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog. Manfaat lain dari Text Area maupun Textbox Area adalah untuk menghemat halaman posting agar tidak terlalu panjang.

Perbedaan antara Text Area dan Textbox Area adalah dari sisi tampilan dan kode-kode HTML/Javascript yang digunakan. Berikut ini contoh dari text area dan textbox area :

Text Area:

Disini tempat memasukkan kode / text anda

Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE

disini tempat memasukkan kode/text anda

Adapun Cara Membuat Text Area dan Textbox Area Berfasilitas Select All adalah masukan kode di bawah ke dalam posting atau sidebar blog Anda. Berikut ini kodenya:

Text Area

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: center;"><br /> <textarea name="txt" style="height: 30px; padding: 3px; width: 200px;"> &lt;form name="copy"&gt;&lt;div align="center"&gt;&lt;input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/&gt;&lt;/div&gt;&lt;p style="text-align: center;"&gt;&lt;textarea style="padding: 3px; width:200px; height:200px;" name="txt"&gt; disini tempat memasukkan kode / text anda&lt;/textarea&gt;&lt;/p&gt;&lt;/form&gt; &lt;br /&gt; </textarea></div><br /> </form><br />

2. Textbox Area:
<style<br /> type="text/css"> .codebox{ border: 2px solid #04D43A;<br /> -moz-border-radius-topleft:12px;<br /> -moz-border-radius-topright:12px;<br /> -moz-border-radius-bottomleft:12px;<br /> -moz-border-radius-bottomright:12px;<br /> background:#06CDEB; padding:5px;}<br /> .codebox2{ background:#836E2C; padding:10px } </style><br /> <div class="codebox"> <div class="codebox2"><center><b>KLIK &quot;SELECT ALL&quot; UNTUK MELAKUKAN COPY PASTE</center></b></a></div><br /> <form style="font-family: monospace; font-size: 8pt;"<br /> name="copy"><center><input value="Select All"<br /> onclick="javascript:this.form.txt.focus();this.form.txt.select();"<br /> type="button"/></center><br /> <textarea dir="ltr" cols="200px" name="txt" rows="30px"<br /> style="width: 100%;">disini tempat memasukkan kode / text anda</textarea><br /> </form></div><br />

Keterangan:

* Width/Cols adalah lebar Text Area/Textbox Area;

* Height/Rows adalah tinggi Text Area/Textbox Area;

* disini tempat memasukan kode / text anda, disitulah tempat Anda menyimpan text atau kode HTML/Javascript;

* Untuk menyimpan kode HTML/Javascript dalam Text Area/Textbox Area, terlebih dahulu harus di PARSE.