TextBox ห้ามแก้ไข ห้ามพิมพ์ อ่านได้อย่างเดียว

TextBox ห้ามแก้ไข ห้ามพิมพ์ อ่านได้อย่างเดียว บทความนี้สอนใช้ attribute 2 ตัวคือ disabled และ readonly โดยทั้ง 2 คำสั่งให้ผลลัพธ์ที่คล้ายกันคือผู้ใช้งานจะไม่สามารถแก้ไขข้อมูลใน TextBox ได้ อ่านได้อย่างเดียว สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง TextBox ห้ามแก้ไข ห้ามพิมพ์ อ่านได้อย่างเดียว

<input type="text" value="Hello Devdit" readonly>
<input type="text" value="Hello World" disabled>

TextBox ห้ามแก้ไข ห้ามพิมพ์ อ่านได้อย่างเดียว จากตัวอย่างสร้าง TextBox ด้วย input type="text" 2 อัน และใช้คำสั่ง readonly เพื่อให้ TextBox ดังกล่าวอ่านได้อย่างเดียว ไม่สามารถแก้ไขได้ และใช้คำสั่ง disabled เพื่อปิดการใช้ของ TextBox ดังกล่าว