Cara Membuat Teks Area

Teks area ini bisa kita manfaatkan untuk banyak kegunaan. Diantaranya, tukar link banner atau sobat ingin menyuguhkan komponen teks di dalam posting, baik itu berupa teks biasa atau pun kode.

Oke langsung saja kita mulai.

Teks Area Standar

<textarea rows="5" cols="35" style="display: inline;" name="txt">Teks Anda Disini</textarea>

Keterangan : 
rows = baris
cols = kolom

Hasilnya akan tampak seperti di bawah.

Teks Area dengan tombol Highlight

<center><form name="copy"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks disini</textarea></form></center>

Hasil akan seperti di bawah

Teks Area dengan onclick highlight

<textarea rows="5" cols="35" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks di sini</textarea>

Contoh hasil :

Teks Area dengan sensitif highlight

<textarea rows="5" cols="35" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks di sini, bisa berupa code script ataupun teks biasa</textarea>

Contoh hasil :
Coba arahkan mouse ke area teks. Sobat akan lihat hasilnya.



Oke. Sampai di sini cara untuk membuat teks area sudah selesai.

Semoga manfaat ...