Cara Membuat Text Box

0 komentar
Trik Cara Membuat Text Area Pada Blog terbaru 2012

Saya akan membahas sedikit tentang Fungsi Text Area/Text Box maupun scrollbar. Fungsinya bermacam-macam tergantung kebutuhan si pengguna, ada yang memanfaatkannya untuk memperingkas tampilan banner , daftar isi , arsip suatu blog, iklan maupun kumpulan link , selain itu Biasanya text area ini banyak di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya tentunya agar dapat dengan mudah di copy oleh para pengunjung.

untuk anda yang ingin mencobanya cara-nya adalah dengan menggunakan beberapa kode berikut ini dan berikut adalah beberapa kode html yang bisa anda manfaatkan untuk membuat text area....
Text area Biasa tanpa tombol select all


Ket:
height - Untuk mengatur tinggi kolom dari text area
width - Untuk mengatur lebar kolom dari text area

Text area dengan tombol select all/Highlight All 



Untuk membuat text area dengan efek select all seperti diatas Kode yang digunakan adalah sbb:
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 297px;" wrap="VIRTUAL">masukkan text/kode html disini</textarea></div>
</form>
</div>
height: Untuk mengatur tinggi kolom text area
width:   Untuk mengatur lebar kolom text area

Text area dengan fungsi block isi otomatis ketika kolom diklik




Sebenarnya hampir sama dengan yang pertama,, yang berbeda hanyalah tulisan yang ada didalamnya akan diblock secara otomatis ketika kita klik kolom tersebut
untuk membuat text area seperti diatas kode yang digunakan adalah sbb:
<textarea cols="25" onclick="this.focus(); this.select();" rows="5">masukkan text/kode html disini </textarea>
Selamat Mencoba Semoga Bermanfaat :D