Cara membuat Text Area Pada blog dengan mudah

Text area adalah tempat yang di gunakan untuk menyimpan text atau
tulisan supaya tidak tercampur dengan tulisan lain, text area juga
memudahkan visitor untuk mengcopy tulisan anda yang ada di text area
tersebut, karena biasanya isi dari text area berupa kode-kode HTML,
script-script dan sejenisnya.

Text area juga ada beberapa macam, mulai dari text area yang biasa ampai dengan text area yang tidak biasa. baiklah silahkan anda simak cara membuat text area si bawah ini.

Pada dasarnya, kode text area seperti ini:

<textarea> Text </textarea>

Hasilnya nanti seperti ini :

isi dari teks area

---

Untuk mengetahi kode area lebih lanjut, maka simak yang di bawah ini.

---

1. Kode untuk membuat text area biasa

Kode Scriptnya kayak gini :

<div align="center">
<textarea cols="20" name="code" rows="2">Ganti text ini dengan text kamu</textarea></div>

Hasilnya kayak gini :

Ganti text ini dengan text kamu

---

2. Kode untuk membuat text area ketika di klik terblok semua ketika di klik

Kode Scriptnya kayak gini :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">text akan ke block semua jika di klik di mana saja</textarea>
</div>

Hasilnya kayak gini :

text akan ke block semua jika di klik di mana saja

---

3. Kode untuk membuat text area dengan tombol untuk memblok semua (highligh all)

Kode Scriptnya kayak gini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Block all"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text ini akan ke blok semuanya jika tombolnya di klik.tapi masih bisa di blok secara manual juga</textarea></p></div></form>

Hasilnya kayak gini :

Text ini akan ke blok semuanya jika tombolnya di klik. tapi masih bisa di blok secara manual juga

---

4. Kode untuk membuat text area ter blok semua saat tersorot mouse

Kode Scriptnya kayak gini :

<div><form name="RikiJunizar"><div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"><textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">jika mouse di arahkan ke sini,maka text yang di sini akan ke blok semuanya</textarea></div></form></div>

Hasilnya kayak gini :

jika mouse di arahkan ke sini,maka text yang di sini akan ke blok semuanya

---

5. Kode untuk membuat text area dengan bingkai

Kode Scriptnya kayak gini :

<div align="center">
<textarea cols="35" rows="2" style="border: 2px dotted red ;">Text dengan border atau bingkai</textarea>
</div>

Hasilnya kayak gini :

Text dengan border atau bingkai

---

6. Kode untuk membuat text area tidak bisa di hapus (permanen)

Kode Scriptnya kayak gini :

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Text nya permanen atau tidak bisa di hapus, coba aja untuk membuktikan.</textarea>
</div>

Hasilnya kayak gini :

Text nya permanen atau tidak bisa di hapus, coba aja untuk membuktikan.

---

Keterangan :

1. <div align="center"> => Ini adalah untuk membuat text area berada di tengah, anda bisa mengganti "center" dengan right untuk kanan atau left untuk sebelah kiri.
2. Rows="6" => Ini adalah jumlah baris, anda bisa mengganti angka 6 nya untuk menambah atau mengurangi jumlah baris.
3. cols="20" => Ini adalah lebarnya, anda bisa mengganti angka 20 untuk merubah lebar sesuai dengan yang anda inginkan.
4. Height : 80px => Tinggi text area, kamu bisa mengganti angkan 80 untuk lebar yang kamu inginkan.
5. Width : 150px => Lebar text area, kamu bisa mengganti 150 untuk lebar yang kamu inginkan.

Sekian dulu yang dapat saya bagikan pada kesempatan kali ini, semoga
artikel cara mudah membuat kode HTML text area ini bisa bermanfaat
bagi anda.

Thanks for reading & sharing Despul Media