TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Membuat Text Area

Original by IFX Adrian | 01 Desember 2009 0 Comments

Apa itu text area?
Text area adalah tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode HTML atau pun text lainnya agar bisa di copy oleh para pengunjung. Contoh text area:



Mau tau cara membuatnya?

Berikut kode untuk membuat text area:

<p align="center"><textarea name="code" rows="6" cols="20">Masukkan text atau kode HTML anda di sini</textarea></p>



Contoh:



rows="6" menunjukkan tinggi text area. Ganti angka 6 untuk menentukan ketinggian text area anda.
cols="20" menunjukkan lebar text area. Ganti angka 20 untuk menentukan lebarnya text area anda.

Ada variasi lain untuk membuat text area, yaitu dengan menambahkan tombol Highlight All atau Select All. Dengan adanya tombol tersebut, para pengunjung blog akan dengan mudah mencopy text atau kode yang ada di dalam text area.

Berikut kode untuk membuat text area dengan Highlight All / Select All:

<form name="copy"><div align="center"><input onClick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 150px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text atau kode HTML anda di sini</textarea></p></form>



Contoh:



<div align="center"> menunjukkan posisi tombol Select All.
value="Select All" merupakan tulisan yang akan muncul di tombol. Anda bisa menggantinya dengan Highlight All.

Gimana? Mudahkan? Selamat mencoba…

Jangan lupa kasih komentar ya…

Label: ,

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

0 komentar:

Poskan Komentar