Search This Blog

Membuat text area

Posted by amykozo

Text area adalah ruangan bagi kita memasukkan kod html,javascript atau lain lain teks panjang terletak dalam satu ruangan kecil...teknik ini bertujuan menjimatkan ruang post anda..untuk membuatnya anda copy kod di bawah :




<p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="code" rows="6" cols="20"> masukan tulisan yang anda inginkan di sini </textarea></p>




hasilnya akan menjadi begini :



nota:
1)kod width yg berwarna merah adalah lebar ruangan yg boleh diubah mengikut kesesuaian anda
2)kod height yg berwarna kuning adalah tinggi text yg juga boleh di ubah mengikut kesesuaian anda
3)Cols="20" berwarna hijau ialah lebar ruangan
4)Rows="6" berwarna oren ialah tinggi text area
5)tulisan berwarna kuning adalah text yg anda boleh ubah mengikut text yg anda ingin tulis.



Anda juga boleh membina kotak text area dengan butang Highlight all(untuk highlight semua text)seperti contoh dibawah ini :



jika anda tekan pada highlight all,maka kesemua text yg ada di dalam akan di highligt..selepas itu anda cuma perlu right click untuk copy..

untuk membuatnya anda copy code di bawah ini :







<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">sila gantikan kod atau text di sini kepada kod atau text yang anda mahukan</textarea></p></div></form>






nota:

1)anda boleh menukar perkataan highlight all yg saya saya warnakan dengan warna biru dengan perkataan yg anda suka(contohnya gantikan dengan perkataan "warna semua")
2)kod width yg berwarna merah adalah lebar ruangan yg boleh diubah mengikut kesesuaian anda
3)kod height yg berwarna kuning adalah tinggi text yg juga boleh di ubah mengikut kesesuaian anda

RECENT POST

To all u...






Tutorial
back to top