Jenis-jenis Text Area dan Cara Membuatnya

Kalau mau membuat Text area, ada banyak jenisnya. Silahkan pilih yang anda mau. hehe... :
1. Yang pertama seperti ini :
tulis apa saja yang anda mau disini

cara membuatnya adalah copy paste kode berikut, dan ganti bagian yang berwarna biru:

<textarea rows="6" cols="15" name="code">
KETIK TEKS YANG ANDA INGINKAN DISINI
</textarea>





2. Yang kedua seperti ini:

Inilah contoh text area yang kedua, yaitu text area tanpa menggunakan highlight ataupun select

Cara pembuataannya, copy paste code berikut:

<div align="center">
<textarea cols="30" name="code" readonly="readonly" rows="2">KETIK TEKS YANG ANDA INGINKAN DISINI</textarea></div>

Gantilah align menjadi center, left ataupun right. tergantung selera anda...
Ganti cols maupun rows jika mau

3. Yang ketiga seperti ini:

Jenis yang ketiga adalah yang menggunakan teknik highlight atau select

cara membuatnya adalah copy paste kode berikut

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 50px; width: 300px;" wrap="VIRTUAL">KETIK TEKS YANG ANDA INGINKAN DISINI</textarea></div>
</form>
</div>

4. Tipe yang keempat adalah :

Coba anda arahkan mouse anda ke sini. Tulisan dalam text area akan terhighlight secara otomatis

Cara membuatnya adalah copy paste kode berikut:

<div>
<form name="catatancuss">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 50px; width: 300px;">TULIS TEXT YANG ANDA INGINKAN DISINI</textarea></div>
</form>
</div>

Share