Cara Buat TextArea dengan Fungsi onclik & onmuseover

TEXTAREA HTML

Ketemu lagi disini…… Oyaaaa,

Kali ini kita akan membahas tentang TextArea,bagi teman-teman pasti sudah taukan yang namanya text area itu apa dan model dari text area ti seperti apa.Bagi yang Belum tau sedikit saya akan menjelaskan apa itu text area dan apa funginya.

textarea merupakan elemen HTML yang menciptakan area teks pada halaman Web dengan menggunakan tag <textarea> dan Fungsi text area sendri adalah :

Dimana Sobaatt Bisa Menyimapan sebuah Teks yg mempunyai karakter text lumayan banyak/besar tetapi kapasitas ruang yang Anda ingin gunakan sedikit.Dengan Textarea maka keinginan untuk menggunakan ruang yang lebih sedikit bisa terwujud.

Fungsi lain textarea adalah Bisa Juga Di gunakan sebagai Form input Untuk mengirimkan sebuah informasi Berupa Teks. Dan Untuk mempersingkat waktu kita langusng  saja Ke TKP >>>>

Untuk Pertunjukan pertama, saya akan membuat textarea yang paling standar

Masukkan teks/informasi anda di sini

Kode 1

<textarea cols="60" rows="5"> Masukkan teks/informasi anda di sini</textarea>

Contoh Textarea Kedua degan menggunakan Fungsi onclick

maSukka teks anda disini,maSukkan teks anda disini,maSukkan teks anda disini

Kode 2

<textarea cols="25" onclick="this.focus(); this.select();" rows="5">Masukkan teks/informasi anda di sini</textarea>

Contoh Textarea Ketiga degan menggunakan Fungsi onmouseover

maSukkan teks anda disini,maSukkan teks anda disini,maSukka teks anda disini

Kode 3

<textarea cols="70" onmouseover="this.focus(); this.select();" rows="5">Masukkan teks/informasi anda di sini</textarea>

Contoh Textarea Keempat degan menggunakan Fungsi Caption OnClick

maSukkan teks anda disini,maSukkan teks anda disini,maSukka teks anda disini

Kode 4

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
<textarea cols="60" name="txt" rows="5" wrap="virtual">Masukkan teks/informasi anda di sini</textarea>

Catatan : Kode yang saya beri tanda merah >> Cols merupakan Lebar dari textarea Sedangkan Rows merupakan tinggi dari textarea. Dan untuk text yang warna biru silahkan ganti Text sesuai keinginan anda.