CARA MEMBUAT TEKS AREA ( Teks Area )


Setelah muter2 bolak balik kecapean nyari cara membuat teks area akhirnya ketemulah trick membuat Text Area
Apa itu Text Area ? Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

• Pembuatan Teks Area Biasa 

 Untuk membuat text area, silahkan anda Copy kode di bawah ini :


<textarea name="code" rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> Simpan Text atau Kode HTML disini</textarea>

Hasilnya seperti ini :

Simpan Text atau Kode HTML disini

Keterangan :
rows = tinggi
cols = lebar

• Pembuatan Textarea dengan Button / tombol higtlight

Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight
copy kode berikut :

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/> <br/> <textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" name="txt">Simpan Text atau Kode HTML disini</textarea></form></center>


Hasilnya :

Simpan Text atau Kode HTML disini

• Pembuatan Teks Area dengan Onclick Hightligt (klik di dalam)

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..
berikut kode htmlnya, silahkan di copy :

<center><textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea></center>

Hasilnya :


Simpan Text atau Kode HTML disini

• Pembuatan Textarea Sensitif Hightlight (mouse diarahkan , otomatis terblock )

Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi sudah ter hightlight sendiri, ni dia contoh codenya.

<center><textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" onfocus="this.select()" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea></center>

Dan Hasilnya :

Simpan Text atau Kode HTML disini  <br>
ditunggu update selanjutnya dengan judul warna pada teks area

Terimakasih Semoga Bermanfaat... Salam Blogger...