Cara Membuat Text Area

Posted by Rusdi Nice on Tuesday, May 22, 2012

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…