Oleh Rohman. Sabtu, April 21, 2007Apa itu
text area
?. Untuk memudahkan anda memahami apa itu text area, silahkanalihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link,ada sebuah kotak yang di dalamnya berisi text kode-kode
HTML
, itulah yang di sebuttext area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text areaadalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru.Biasanya text area ini di gunakan untuk menyimpan kode-kode
HTML
ataupun textlainnya agar bisa di copy oleh para pengunjung.Untuk membuat
text area
, silahkan anda Copy kode di bawah ini :
<p align="center"><textarea name="code" rows="6" cols="20">Tulis textataupun kode-kode yang anda inginkan di sini, maka nanti tulisan andaakan tampil di dalam text area</textarea></p>
Sebagai contoh :Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkantext area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tingginilainya.Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.
Text Area dengan memakai HighLight
Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol
highlight
. dengan adanya tombol
highlight
ini akan memudahkan bagi para pengunjunguntuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanyasekali tekan saja pada tombol
highlight
tadi, maka seluruh text ataupun kode-kode yangada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat bergunatatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan iniakan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan
highlight
ini silahkan anda copy kode
HTML
di bawah :
<div><form name="copy"><div align="center"><inputonclick="javascript:this.form.txt.focus();this.form.txt.select();"type="button" value="Highlight All"> </div><div align="center"></div><palign="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt"rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka
tulisan yang anda tulis akan muncul di sini dan siap di copy oleh parapengunjung</textarea></p></div></form>
Sebagai contoh :Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atasmempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan
Highlight All
, dan yang kedua adalah elemen kode untuk membuat text area.Elemen tombol
highlight All
:1.<div align="center">--> kata
center
menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri,tinggal ganti dengan kata
left
. Dan jika ingin berada di tepi sebelah kanan, tinggalganti dengan kata
right
.2.<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">--> kodeini artinya ketika tombol highlight di klik, maka seluruh text yang ada didalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubahtulisan ini.3.Value="Highlight All"--> kata
Highlight All
adalah kata yang akan muncul didalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan katayang anda inginkan.Element
text area
:1.<p align="center">--> ini menunjukan bahwa text area akan berada di tengah,nah jika anda ingin text area anda berada di tepi kiri, ganti kata
center
dengan kata
left
, bila ingin di tepi kanan, ganti dengan kata
right
.2.<text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar daritext area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek ataumemperpanjang lebar text area, anda tinggal menggantinya dengan angka yanganda inginkan. misal: "WIDTH:700px;"
of 00
Membuat Text Area
335 Reads
Info and Rating
| Category: | Uncategorized. |
| Rating: | |
| Upload Date: | 02/28/2009 |
| Copyright: | Attribution Non-commercial |
| Tags: |
Leave a Comment