Home
Post
Tutorial

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.

Cara Membuat Text Area Pada Blog Dengan Mudah

Pada dasarnya, kode text area seperti ini:

<textarea> isi dari teks area </textarea>

Hasilnya seperti ini:


Untuk mengetahi kode area lebih lanjut, maka simak yang di bawah ini.
1.        Kode untuk membuat text area biasa

Kode Scriptnya:

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

Hasilnya :

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

Kode Scriptnya:

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

Hasilnya:

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

Kode Scriptnya:

<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 name="txt" rows="3" 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:

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

Kode Scriptnya:

<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="3"> jika mouse di arahkan ke sini, maka text yang di sini akan ke blok semuanya</textarea> 
</div> 
</form> 
</div>

Hasilnya:

5.        Kode untuk membuat text area dengan bingkai

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

Hasilnya:

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

Kode Scriptnya:
<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:

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.

Post a Comment