Wednesday, October 26, 2011

Cara Membuat Teks Area Dengan Berbagai Jenis Tampilan

Kali ini saya ingin berbagi informasi tentang Cara Membuat Teks Area Dengan Berbagai Jenis, bagi teman - teman yang belum mengerti silahkan di cek yah .. hehehe

1. Teks Area standar / default

Kode :

<center><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Keterangan :
Rows = Tinggi
Cols = Lebar

2. Teks Area dengan button / tombol higtlight

Kode : 

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/ kode/ script yang ingin Anda masukan disini.</textarea></form></center>

Hasil Kode :





3. Teks Area dengan onclick hightlight

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya.

Kode :


<center><textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :






4. Teks Area Dengan sensitif hightlight

Untuk teks area type ini fungsinya hampir sama dengan teks area yang sebelumnya , tetapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi akan mengeblok sendiri,

Kode :

<center><textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Nb : Jika teman - teman ingin merubah lebar dan tinggi tampilan textarea silahkn ganti angka pada kata " rows " dan " cols ".


Terima Kasih,
Semoga Bermanfaat.
Title: Cara Membuat Teks Area Dengan Berbagai Jenis Tampilan; Written by Agus Kristianto; Rating: 5 dari 5

No comments:

Post a Comment

Silahkan tulis komentar anda dibawah ini dengan menggunakan bahasa Indonesia yang baik dan benar, namun diharapkan jangan melakukan SPAMMING,hindari komentar yang mengandung unsur SARA, KASAR serta hal- hal NEGATIF lainnya,

Komentar yang tidak sesuai dengan konteks artikel pasti akan saya HAPUS!!!!

Terima Kasih,
Happy Blogging