Enjoy in blog

Sabtu, 22 Oktober 2011

Membuat text area

Text area berfungsi untuk menyimpan kode kode html.contohnya seperti ini:
 

didalam kolom tersebut kamu bisa menyimpan kode kode HTML yang bisa di copy oleh pengunjung blog.sekarang akan saya ajarkan cara membuatnya. anda cukup copy code berikut :

1.Text area biasa

<p align="center"><textarea name="code" rows="6" cols="20"> test cara membuat text area...anda bisa menuliskan kode kode HTML di dalam kolom ini</textarea></p>

catatan:

  • kamu bisa mengganti tulisan yang di cetak tebal dengan kode kode yang ingin anda letakkan dalam kolom tersebut.anda bisa meletakkan dalam postingan atau bisa juga diletakkan di dalam page element


  •  row="6" ini menunjukkan tinggi dari kolom tersebut.jika ingin kotaknya lebih tinggi,silahkan ganti    dengan angka yang lebih besar


  •     cols="20" ini menunjukkan lebar kolom

2.Text area Highlightdengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all
maka semua text yang ada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.

contohnya seperti ini




cara membuatnya..copy code dibawah 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="55">dengan menggunakan text area ini.pengunjung cukup mengklik tombol highlight all maka semua text yan gada didalam kolom akan langsung terseleksi,ini sangat memudahkan pengunjung,karena takutnya nanti ada text yang tertinggal jika di seleksi secara manual.</textarea></p></div></form>



catatan:
  1. ganti tulisan yang dicetak tebal dengan tulisan yang anda inginkan
  2. <div align="center"> --> itu menunjukkan tombol highligh akan berada di tengah,jika ingin tombol itu berada di kanan atau kiri,tinggal ganti dengan left atau right
  3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
  4. <p align="center"> menunjukkan bahwa text area berada ditengah,jika ingin berada di kanan atau kiri tinggal ganti dengan right atau left
  5. <text style="WIDTH: 300px"> menunjukkan lebar kolom
  6. HEIGHT: 144px menunjukkan tinggi kolom

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international voip calls