Cara Membuat Text Area "Readonly"

Text Area merupakan salah satu fasilitas untuk saling tukar link dengan tujuan untuk saling kenal dan ajang promosi. Yups.., saling bertukar link merupakan hal yang perlu dalam dunia perbloggeran untuk meningkatkan kepopuleran sebuah blog, apalagi link nya berupa banner tentu akan lebih menarik. Dan bila ingin bertukar banner tentu si blogger menyediakan sebuah textarea yang di dalamnya terdapat script yang bisa dikopi dan kemudian diletakkan di blog lain.

Namun kebanyakan textarea yang disediakan tidak "readonly". Coba deh letakkan kursor di textarea kemudian tekan tombol delete atau space, ada script yang terhapus kan. Akibat yang paling fatal yaitu terhapusnya script pada waktu meng-copy.

Contoh text area yang tidak readonly:

Text Area ini tidak readonly. Coba dihapus k'lo nggak percaya.

Contoh text area yang readonly:

Text Area ini readonly. Jadi nggak bisa dihapus, hee.. heee...

Untuk mengantisipasi terhapusnya bagian script pada waktu meng-copy, tambahkan script readonly="readonly" pada tag textarea. Lebih jelasnya lihat script berikut:

<textarea readonly="readonly" rows="4" cols="20" name="code"><a href="http://amboeradoel-camp.blogspot.com" target="_blank"><img src="http://i393.photobucket.com/albums/pp13/Amboeradoel/Camp/Logo_Amboeradoel.png" border="0" alt="Blog Tutorial" /></a></textarea>

Keterangan:

1. rows="4", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "4" tadi dengan angka yang lebih tinggi nilainya.
2. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka "20" tadi dengan angka yang lebih tinggi nilainya.

Ok dech, sekarang textarea yang disediakan akan kebal terhadap tombol delete atau space namun masih tetap bisa dikopi.