Cara Membuat Teks Area ( text area )

Seharusnya kita bahas ini sebelum masuk kedalam spoiler tapi berhubung dapet kata-katanya baru sekarang dan artikel lainnya :D.

Apa itu Text Area ? Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<textarea rows="4" cols="20" name="code"> Simpan Text atau Kode HTML disini</textarea>

Hasil :

Simpan Text atau Kode HTML disini

Keterangan :
rows = tinggi
cols = lebar

Pembuatan textarea dengan button / tombol higtlight

Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/> <br/> <textarea rows="5" cols="25" style="display: inline;" name="txt">Simpan Text atau Kode HTML disini</textarea></form></center>

<code> Simpan Text atau Kode HTML disini</code>

Pembuatan teksarea dengan onclick hightligt

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..

<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea>

<code>Simpan Text atau Kode HTML disini</code>

Pembuatan Textarea sensitif hightlight

Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi suda ter hightlight sendiri, ni dia contoh codenya.

<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea>

<code>Simpan Text atau Kode HTML disini</code>

Click to Print This Page

Artikel terkait :

Anda sedang membaca artikel Cara Membuat Teks Area ( text area ) dengan url http://blog-abdiezs.blogspot.com/2011/06/cara-membuat-teks-area-text-area.html . Silahkan baca artikel lainnya di Abdiezs Blog . Terima Kasih.

About Abdiezs
Tentang saya follow di Twitter , Google+ and blog . Respon ke Cara Membuat Teks Area ( text area ) Silahkan Anda berkomentar mengenai artikel yang telah anda baca, gunakan bahasa yang baik, sopan, dan sesuai etika berkomentar. Dapat berupa pertanyaan, masukan, pendapat, dan Tidak SPAM. Hindari Duplikat komentar. Terimakasih.