11 May 2012

Home » » TUTORIAL 15: Membuat text area

TUTORIAL 15: Membuat text area

Cik Admin | Friday, May 11, 2012 | 0Comments |
Photobucket

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:


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: 400px; HEIGHT: 150px" 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>



Syukran jiddan.Sila tekan like dan send jika suka entri ini ..^_^

No comments:

Related Posts Plugin for WordPress, Blogger...

Design By Saidatul Qifayah | For ! MSH PRODUCTIONS 2013-2014 ©| Resolution: 1366 x 768px | Best View: Google Chrome