Text Box Anti Edit

Sudah lama tidak memposting sesuatu di AsalSuka nih..
Nah, kali ini AsalSuka akan berbagi sidikit informasi HTML mengenai Text Box.. Memang kelihatan simple, tapi lumayan bisa dipake buat sahabat-sahabat sekalin dan juga untuk mempermudah..^^ hehe

Sekarang coba Anda bedakan 2 Text Box (link AsalSuka) dibawah ini:
Text Box 1 (biasa)


Text Box 2 (Anti Edit)


Hayo Anda bisa tebak apa perbedaanya???
Perbedaanya adalah yang untuk Text Box pertama dapat Anda edit atau dengan kata lain, dapat Anda ketikan suatu kata, huruf, dan bahakan bisa anda hapus.
Nah, yang untuk yang kedia ini, adalah Special (melebih-lebihkan, hahaha..) dengan kata lain tidak dapat Anda edit seperti Text Box yang pertama..

Baiklah, sekarang AsalSuka akan memberikan rahasia kecil tersebut, yaitu: pada tag HTML textarea, Anda hanya perlu menambahkan kode berwarna biru ini:  readonly='readonly'

Jika Anda belum jelas bisa melihat contoh kode html Text Box 2 (Anti Edit) dibawah ini;
<textarea cols="55" name="txt" onfocus="this.select()" onmouseover="this.focus()" readonly="readonly" rows="100" style="height: 70px; width: 150px;">&lt;a href="http://asal-suka.blogspot.com/" target="_blank" title="Asal aja yang penting disukain ^^"&gt;Asal Suka&lt;/a&gt;</textarea>
atau, juga dapat Anda lihat kumpulan Postingan mengenai Text Box.

Terima kasih sudah berkunjung...
Semoga dapat membantu Anda..
Happy Blogging ^^...