Cara Membuat Text Box

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

<textarea style="height: 100px; width: 200px;">Masukkan text/kode html disini

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 

masukkan text/kode html disini

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

Text area dengan fungsi block isi secara 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

Anda baru saja membaca artikel yang berkategori Bloging dengan judul Cara Membuat Text Box. Anda bisa bookmark halaman ini dengan URL https://juriseo.blogspot.com/2012/10/cara-membuat-text-box.html.

Ditulis oleh: Juri Seo