Tuesday, August 3, 2010

Cara Membuat Text Area

Untuk memahami apa itu text area, silahkan sobat lihat postingan saya sebelumnya tentang cara menampilkan kode HTML di postingan. Bagi yang udah liat dan binggung, sekarang kita coba membahas bersama bagaimana cara membuat text area.
Cara membuat text area sangat mudah, Anda tinggal mengcopy kode HTML dibawah ini:

<p align="center"><textarea name="code" rows"6" cols="20">Tulisan text atau kode yang Anda tulis di sini akan muncul dalam text area</textarea></p>

Contohnya seperti ini :


Keterangan :

rows="6" menunjukkan tinggi text area, jika Anda ingin membuat lebih tinggi, ganti angka "6" dengan angka yang lebih tinggi
cols="20" menunjukkan lebar dari text area, jika Anda ingin text area yang lebih lebar, ganti angka "20" dengan angka yang lebih tinggi

Text Area Menggunakan Tombol Highlight

Tombol Highlight pada text area bertujuan untuk mempermudah bagi para pengunjung untuk mengcopy text atau kode dari blog Anda. Hanya cukup mengklik tombol highlight, maka semua text atau kode dalam text area akan ter highlight dan tinggal dicopy saja. Untuk membuat highlight pada text area ini, cukup dengan mengcopy kode HTML 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="55">Tulisan text atau kode yang Anda tulis di sini akan muncul dalam text area dan ready dicopy oleh para pengunjung</textarea></p></div></form>

Hasilnya akan seperti ini :



OK, jadi deh...gampang kan, tinggal copas aja kode HTML nya
Selamat mencoba

Comments :

2 comments to “Cara Membuat Text Area”

Panduan Belajar Blogspot said...
on 

Cara Membuat Text Area
http://bloggerdasar.blogspot.com/2010/08/cara-membuat-text-area.html

orang miskin go blog said...
on 

wah,, nice post sob... salam kenal...

Post a Comment

- Maaf, untuk sementara blog menjadi no follow sampai tahun depan
- Komentar sobat akan langsung tampil
- Hindari komentar berbau SARA dan SPAM (mohon tidak menulis alamat blog di kolom komentar)
- Bila dilanggar, maafkan saya bila terpaksa menghapus komentar sobat
- Silahkan berkomentar ^_^
- Terima kasih

 

Copyright © 2009 by Panduan Belajar Blogspot

Template by Blogger Templates | Powered by Blogger