Kamis, 05 Juli 2012

You are here : Home » TEXT AREA » Cara Membuat Text Area

Cara Membuat Text Area

Text Area ???

Sebagaimana artinya, Text Area adalah area untuk menaruh teks.

Text Area umumnya di buat untuk menaruh kode HTML/javascript atau juga tulisan lainnya yang cukup panjang SUPAYA lebih mudah di blok ketika hendak di copy (di salin).

Jadi tidak harus mem-blok sampai turun.. turun... turun.. ke kata yang terakhir. Bisa pegal tangan

Ini contoh Text Area.


Text Area ini punya kelebihan tersendiri.

Dengan mengarahkan cursor mouse saja, maka seluruh teks yang ada di dalam text area tersebut serta merta langsung otomatis ter-blok. Dan tinggal di copy saja akhirnya. Coba arahkan cursor mouse Agan ke text area diatas.

Sementara untuk cara membuatnya, Agan tinggal salin kode berikut.

<div>
<form name="PujiantoroStyle">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="25" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="5">
Tulisan biru ini ganti dengan teks yang Agan ingin masukkan ke Text Area</textarea></div>
</form>
</div>


Angka 25 adalah ukuran lebar text area. Angka 5 adalah ukuran tinggi text area. Itu bisa Agan ganti sesuka hati.

Tulisan Tulisan biru ini ganti dengan teks yang Agan ingin masukkan ke Text Area itu ganti dengan teks Agan.

**************

Satu lagi model Text Area yang mungkin Agan suka. Lihat di bawah ini.


Model Text Area di atas, memiliki tombol blok. Dengan sekali klik, semua teks akan otomatis terblok, dan tinggal di Copy. Bagaimana ?? Agan lebih suka yang ini ?? Ini script nya.

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Klik disini" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 90px; width: 190px;" wrap="VIRTUAL">Tulisan biru ini ganti dengan teks yang Agan ingin masukkan ke Text Area</textarea></div>
</form>

Selamat mencoba.

Tidak ada komentar: