Text Area adalah suatu area atau tempat yang biasa digunakan untuk menyimpan suatu text atau kode HTML tertentu. Text area ini biasanya di tujukan ke pada pengunjung blog untuk lebih mudah mencopy atau menyalin data. Text Area ini bisa kita simpan di dalam postingan maupun di dalam widget HTML.

1. Cara Membuat Text Area Biasa

Hasil


2. Cara Membuat Text Area terblok semua dengan sekali klik

Code
<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">SKYRUINED</textarea></div>

Hasil

3. Cara Membuat Text Area Dengan Tombol Highlight

Code
<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><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">SKYRUINED</textarea></p></div></form>

Hasil

Hasil

5. Cara Membuat Text Area Dengan Border

Code
<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;">SKYRUINED</textarea></div>

Hasil

SKYRUINED

6. Cara Agar Script Text Area Yang Tidak Bisa Dihapus

Code

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">SKYRUINED</textarea></div>

Hasil

SKYRUINED

Keterangan Script di Atas :

Jika ada kode  <div align="center">, berarti lokasi text area-nya akan berada di rata tengah. Anda bisa mengganti "Center" menjadi "Left" jika ingin text area-nya rata kiri.
Kode cols="35" berarti jumlah karakter yang ditampilkan perbaris adalah 35.
Kode rows="2" berarti jumlah baris yang akan ditamplkan oleh text area adalah 2 baris. Jika jumlah baris lebih panjang dari yang disediakan maka text area akan menampilkan scrolling.
Jika ada kode Height:100px ,berarti kode tersebut menyatakan tinggi text area
Jika ada kode Width : 200px, berarti kode tersebut menyatakan lebar text area nantinya.
Anda bisa menambahkan kode readonly="" jika ingin text area yang anda buat tidak bisa dihapus