Khamis, 20 Disember 2012

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 yang anda ingin kan di sini,tulisan anda akan tampil di dalam text area</textarea></p>


Hasilnya:



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:



Tiada ulasan:

Catat Ulasan