Cara Membuat Teks Area Dengan Berbagai Jenis

Baiklah temen temen, sore ini saya mempostingkan Cara Membuat Teks Area Dengan Berbagai Jenis, temen temen tahu kan apa itu teks area/ itu loh kotak yang di dalamnya berisi tulisan/ script gitu, dan di sini ada beberapa jenis teks area, untuk itu temen temen silahkan pilah mana yang di sukai dan bagus untuk digunakan, dan bisa melihat contoh yang sudah saya pakai di Tukar Link Teks dan Banner,,cekidot

1. Cara Membuat Teks Area standar / default

<textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

Hasilnya akan nampak seperti dibawah ini

Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini
Keterangan :
rows = tinggi
cols = lebar

2. Cara Membuat Teks Area dengan button / tombol higtlight

Untuk yang ini, adalah memudahkan Pengunjung Blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea></form></center>

Hasilnya akan nampak sperti dibawah ini.

Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini

3. Cara Membuat Teks Area dengan onclick hightlight

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..

<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

Hasilnya akan nampak seperti dibawah ini..., anda klik aja di bagian teksareanya
Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini


4. Cara Membuat Teks Area Dengan sensitif hightlight

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 suda ter hightlight sendiri, ni dia contoh codenya..

<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

Hasilnya akan nampak dibawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..

Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini

Oo iya jika ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "

Nah itu dia tadi pembahasan tentang Cara Membuat Teks Area Dengan Berbagai Jenis, semoga artikel ini dapat membantu temen temen yang mungkin belum tau.