Tutorial Membuat Text Area Di Postingan

Berikut Adalah Definisi Atau Pengertian Dari Text Area :

1. Tag <textarea> didefinisikan sebagai kontrol multi-line input teks. Sebuah area teks dapat menampung jumlah yang tidak terbatas karakter, dan teks membuat dalam font fixed-width (biasanya Courier). Ukuran area teks ditentukan oleh cols dan atribut bari.
2. Text Area adalah suatu kotak area yang berisi teks, yang apabila teks tersebut melebihi kapasitas dari area tersebut akan mempunyai fungsi scroll, atau dalam bahasa indonesianya adalah Area Teks atau Kotak Teks. ini dimaksudkan agar meminimalisasi tempat agar tidak memakan tempat untuk penempatan teks atau tulisan tersebut. dan dimaksudkan juga agar pengunjung blog dapat dengan mudah meng-copy dari area teks tersebut.

Berikut Adalah Contoh Dari Text Area Dan Cara Membuatnya :

• Text Area Normal

<*div align="center"> <textarea cols="35" name="code" rows="2" style="height: 150px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea><*/div>

• Text Area Dengan Sellect All

<*div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Sellect All" /> </div> <div align="center"> <textarea cols="20" name="txt" rows="4" style="height: 150px; width: 580px;" wrap="VIRTUAL">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea><*/div> </form> </div>

• Text Area Dengan Satu Klick

<*div align="center"> <textarea cols="35" onclick="this.focus(); this.select();" rows="2" style="height: 150px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea><*/div>

• Text Area Terblok Semua Saat Disorot Mouse

<*div> <form name="copy"> <div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"> <textarea cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 150px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea><*/div>

• Text Area Dengan Border

<*div align="center"> <textarea cols="35" rows="2" style="border: 2px dotted red; height: 150px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea><*/div>

<*div style="text-align: center;"> <textarea cols="20" rows="5" style="border: 2px dashed; height: 150px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea>

<*div style="text-align: center;"> <textarea cols="50" name="code" rows="5" style="background: none repeat scroll 0% 0% black; border: 3px none; color: green; height: 150px; line-height: 1.5em; padding: 5px; width: 580px;">TULIS TEXT YANG AKAN DI TAMPILKAN DISINI<*/textarea>

 KETERANGAN

1. Hapus tanda (*) Bintang agar berhasil
2. Jika ada kode <div style="text-align: center;"> berarti lokasi text area-nya akan berada di rata tengah. Anda bisa mengganti "Center" menjadi "Left" jika ingin text area-nya rata kiri.
3. Kode cols="35" berarti jumlah karakter yang ditampilkan perbaris adalah 35. 
4. Kode rows="2" berarti jumlah baris yang akan ditamplkan oleh text area adalah 2 baris. Jika jumlah baris lebih panjang dari yang disediakan maka text area akan menampilkan scrolling.
5. Jika ada kode Height:100px, berarti kode tersebut menyatakan tinggi text area
6. Jika ada kode Width : 200px, berarti kode tersebut menyatakan lebar text area nantinya.