Text Area Anti Edit

Kita sudah pernah membahas tentang text area dan text area dengan tombol highlight. Semua punya kekurangan dan kelebihan.

Ada satu yang menjadi kekurangan kedua trik text area diatas, yaitu kalimat didalam text area bisa dengan/tanpa sengaja teredit. Nah, trik blog satu ini akan membahas bagaimana membuat text area anti edit, dengan kata lain kalimat didalam text area tidak bisa di edit.

Bagaimana cara membuat text area anti edit?


Pertama, supaya lebih jelas, Ayas kasi contoh nya.

Contoh text area (biasa)

Kalimat, teks, yang ada berada didalam teks area

Coba edit kalimat yang ada didalam teks area. Masih bisa dihapus / ditambahkan.

Lalu bandingkan dengan yang satu ini:

Text area anti edit, tidak bisa diedit

Kalimat, teks, yang ada berada didalam teks area

Bisa dipastikan, kalimat dalam text area diatas tidak bisa diedit.

Bagaimana cara membuat text area anti edit seperti diatas?

Mudah dan simple sekali caranya. hanya dengan menambahkan kode

readonly="readonly"

pada kode text area. Tepatnya seperti ini :

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" readonly="readonly">Kalimat, teks, yang ada berada didalam teks area</textarea></div></form></div></center>

Silahkan ganti kalimat warna merah dengan kalimat Sodara.

Sangat simple dan mudah, tapi manfaatnya besar sekali. Dengan trik blog text area anti edit, text area yang tidak bisa teredit ini, dapat menghindari adanya kesalahan kode yang dicopy akibat tidak sengaja ter edit.

Segitu aja y hari ini..capek nih.. Happy blogging...

*Jangan lupa baca juga tentang Wisata SEO Sadau, dan dukungannya..hihihi...