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 :

Tulisan text atau kode yang Anda tulis di sini akan muncul dalam text area

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 :

Tulisan text atau kode yang Anda tulis di sini akan muncul dalam text area dan ready dicopy oleh para pengunjung

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