Cara Membuat Text Area di Blog

Text area adalah sebuah kolom tambahan yang dibuat sebagai kontrainer text biasa. selain itu text area juga dapat dibuat dengan tambahan fungsi Highlight. Fungsi highlight ini bertujuan agar memudahkan pengunjung mengcopy seluruh isi dari text area tersebut.

bagi sobat yang ingin mencoba silahkan ikuti prosedur berikut :

1. MEMBUAT TEXT AREA BIASA

guanakan kode tersebut:

<p align="center"><textarea name="mytextarea" rows="2" cols="10" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p> 

sebagai contoh 

<p align="center"><textarea name="mytextarea" rows="2" cols="10" readonly=""> SELAMAT DATANG </textarea></p>

Hasilnya sebagai berikut:




bagi sobat yang merasa kurang cukup dengan ukuran text area tersebut sobat dapat membesarkan secara manual atau dengan mengubah ukuran rows dan cols

2. MEMBUAT TEXT AREA DITAMBAH TOMBOL HIGHLIGH

bagi sobat yang ingin menambahkan tombol Highligh dapat menggunakan kode berikut:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Text pada Highlight"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">ISI DENGAN KONTEN YANG DIINGINKAN</textarea></p></div></form>

 *Text pada Highlight: dapat sobat ganti dengan kata yang diinginkan

 *ISI DENGAN KONTEN YANG DIINGINKAN: dapat sobat ganti dengan kata yang diinginkan

sebagai contoh :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="KLIK"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">SELAMAT DATANG</textarea></p></div></form>

hasilnya sebagai berikut

 yaps itulah tips yang dapat sobat pelajari, semoga bermanfaat^^. selamat mencoba.