Cara Buat Text Area/Text Box (Full Complete)

*
hai hari ini saya nak ajar bagaimana nak buattext area kali ini full..
cuma paste aje kod tujuan tutorial blog adala untuk meletakkan kod anda didalamnya


text area normal(biasa):
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
kod:

<textarea cols="22" rows="2" style="margin-top: 2px; margin-bottom: 2px; height: 70px;" width="320">
text text text text text text text
 text text text text text text
 text text text text text text text
 text text text
</textarea>

letak background
<br /> text text text text text text text<br /> text text text text text text<br /> text text text text text text text<br /> text text text<br />
kod:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #FF0000;">
text text text text text text text
text text text text text text
text text text text text text text
text text text
</textarea>

klik untuk hightlight
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
kod:

<textarea cols="22" onclick="this.focus();this.select()" overflow:="" rows="2" scroll;="" style="height: 80px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 200px;" >
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</textarea>

onmous (hight ight apabila mous berada didalam text area)

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
kod:

<textarea onfocus="this.select()" onmouseover="this.focus()" style="height: 100px; overflow: scroll; width: 200px;">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</textarea>

copy button(butang salin semua)

Copy All
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
kod:

<form name="second2">

<a href="javascript:sixteenth('second2.third2')">Copy All</a>

<textarea cols="35" name="third2" rows="10" style="height: 100px; overflow: scroll; width: 200px;">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</textarea></form>

semua

copy all
<br /> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br />

kod

<form name="second3">
<a href="javascript:sixteenth('second3.third3')">copy all</a>
<textarea cols="22" name="third3" onclick="this.focus();this.select()" overflow:="" rows="2" scroll;="" style="height: 80px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 200px; background: #8CEFFD;" >
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</textarea></form>

Pesanan
*tukar perkataa yang berwarna merah  kepada saiz
width: panjang
height: tinggi
*tukar perkataan yang berwarna biru kepada kod warna
dapatkan kod warna disini
*tukar perkataan yang berwana ungu nombor yang sama setiap html
contoh:

<form name="second3">

<a href="javascript:sixteenth('second3.third3')">copy all</a>

<textarea cols="22" name="third3" onclick="this.focus();this.select()" overflow:="" rows="2" scroll;="" style="height: 80px; margin-bottom: 1px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 200px; background: #8CEFFD;" >

*tukar perkataan yang berwarna oren kepada apa saja yang anda mahu
contoh...banner, kod html dan apa saja yang anda mahu