3 Jenis Text Area dan cara membuatnya

Text area adalah area text pada sebuah halaman, atau posting yang biasanya berisi kode-kode Html/Javascript atau Link yang memudahkan bagi pengunjung untuk mengkopy tanpa takut akan melewatkan isi dari text tersebut, untuk lebih jelasnya silakan lihat contoh dibawah :

Contoh 1 :

Contoh Text Area 1 tanpa menggunakan Highlight atau select

Contoh 2 :

Contoh Text Area Dengan Menggunakan Highlight atau Select

Contoh 3 :

Contoh 3 : Coba anda arahkan mouse anda kesini

Cara Membuatnya : Silakan Copy code dibawah :

<div align="center">
<textarea cols="30" name="code" readonly="readonly" rows="2">TULIS TEXT YANG ANDA INGINKAN DISINI</textarea></div>

Code Contoh 2 :

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 50px; width: 300px;" wrap="VIRTUAL">TULIS TEXT YANG ANDA INGINKAN DISINI</textarea></div>
</form>
</div>

 Code Contoh 3

<div>
<form name="catatancuss">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 50px; width: 300px;">Contoh 3 : TULIS TEXT YANG ANDA INGINKAN DISINI</textarea></div>
</form>
</div>

Setelah anda siap posting pada blog anda, silakan paste code yang anda inginkan, boleh pada mode html ataupun pada mode compose. jangan lupa ganti text berwarna merah dengan tulisan yang anda inginkan.
selain itu anda juga bisa menganti nama "Highlight All" pada code contoh 2 sesuai keinginan, misalnya select all atau download, selain itu anda juga bisa merubah ukuran pada semua code yang berwarna Kuning, dan juga anda bisa merubah posisi dengan menganti kode warna Putih dengan left atau right

Selamat Mencoba