Membuat text area

Text area adalah ruangan bagi kita memasukkan kod html,javascript dan lain lain teks agar mudah bagi pengunjung menyalin dan nampak lebih kemas dan tersusun posting kita Untuk   membuat text area copy text dibawah ini:

Text area biasa:

<p align="center"><textarea name="code" rows="6" cols="20"> masukan kod kod yang anda inginkan di sini, tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya:

<a href="http://teknikbuatblog.blogspot.com" target="_blank"><img src="http://photobucket.com/albums/006/tip/utton.gif" border="0" alt="belajar buat blog" /></a>

Cols="20" bermaksud lebar ruangan
Rows="6" bermaksud tinggi text area
untuk mengubah saiz nombor tadi perlu lah diedit mengikut kemahuan kita.

Kotak text area dengan butang Highlight all.


Untuk text area begini pengunjung cuma perlu tekan butang Hightlight all dan copy untuk menyalin kod dalam text area tadi .

<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><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="10">masukkan kod atau tulisan anda di sini,text atau kod yang anda tulis akan muncul di sini boleh di copy oleh para pengunjung</textarea></p></div></form>

Hasilnya:

<script language='javascript'><br>aBold = true;<br>numposts=200;<br>maxshowresult=7;<br>home_page = "http://teknikbuatblog.blogspot.com/";<br></script><br><script type='text/javascript'><br>//<![CDATA[howrecentposts"><\/script>');<br>//]]><br></script>