Cara Buat Text Area

Share this history on :

Tweet

Teks Area adalah tempat untuk kita menuliskan teks. Teks area dapat dapat digunakan untuk tempat kode banner yang siap untuk dicopy oleh pengunjung, ataupun pesan admin kepada pengunjung. Teks area ini dapat digunakan juga sebagai tempat posting kode HTML, tetapi banyak sekali kekurangannya dan kurang efisien.  Kalo belum tahu apa itu teks area, ini adalah contoh teks area dan sekaligus cara membuatnya.

• Pembuatan teks area standar

<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

• Pembuatan textarea dengan 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

• Pembuatan teksarea dengan On click hightligt

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

• pembuatan textarea 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

Untuk merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "
Contoh contoh diatas adalah sebagai contoh aja dan sebagai pembelajaran dan bisa anda kembangkan sendiri sesui dengan fungsional nya..
Moga aja membantu...

Artikel Terkait: