Cara Membuat Text Area dan Textbox Area di Posting Blog

Cara membuat text area dan textbox area sangat mudah dan tidak asing lagi bagi yang sudah biasa dan sering membuat text area dan tetxbox area baik di posting blog atau pun di sidebar untuk tujuan tertentu.

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 Text box 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 :

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:

1. Text Area:

<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:200px; height:30px;" name="txt"> disini tempat memasukkan kode / text anda</textarea></p></form>

disini tempat memasukkan kode / text anda

2. Textbox Area:

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

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE

disini tempat memasukkan kode / text anda

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. Untuk mengetahui cara melakukan Parse kode HTML/Javascript silahkan klik disini.

Sumber : http://www.serba-tersedia.co.cc/2010/06/cara-membuat-text-area-dan-textbox-area.html