Text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk format text yang Bisa di salin Tempel atau Copy paste. Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Kotak copy paste/text area ini berfungsi untuk memudahkan pengunjung blog untuk menyalin seluruh isi teks, contohnya apabila sebuah blog yang tidak bisa di klik kanan atau di copy maka solusi utamanya menggunakan cara di bawah ini.
Tutorial membuat kotak copy paste ( Text Area)
Masuk ke Blog sobat, Buatlah postingan baru
Masuk ke Html di pojok kiri Halaman posting.
Masukkan code teks area di bawah ini:
Teks area standard
<textarea cols="35" rows="6">Teks ini sekedar contoh</textarea><br />
Hasilnya:
Untuk rows="6" adalah ukuran tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.
Untuk cols="35" adalah ukuran lebar dari text area, jadi jika anda menginginkan text area yang lebih lebar silahkan anda ganti dengan angka yang lebih tinggi menurut keinginan anda.
Teks area dengan highlight
Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di salin seluruhnya dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area. Atau bisa di ganti dengan tekan 2x.
Silahkan copy kode HTML di bawah ini :
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Tekan 2x untuk menyalin" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20"></textarea></p></form></div>
Maka hasilnya seperti dibawah ini:
Keterangan:
div align="center" --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
input onclick="javascript:this.form.txt.focus();this.form.txt.selec()" --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highlight (di salin/ di tandai semua), jadi sobat jangan merubah tulisan ini.
Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan bisa juga dengan kalimat Tekan 2x.
p align="center" --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
text style="WIDTH: 150px" -->kata "WIDTH:150px" menunjukan ukuran lebar dari text area tersebut sebanyak 150 pixel, jadi jika anda ingin memper-pendek atau memperpanjang lebar text area, anda tinggal merubahnya dengan angka yang anda inginkan. misal: "WIDTH:500px;"HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai ukuran tinggi yaitu 80 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.
Itulah Cara membuat kotak copy paste atau text area, semoga bermanfaat dan mudah di mengerti.