readonly และ disabled ต่างกันอย่างไร HTML

readonly และ disabled ต่างกันอย่างไร HTML บทความนี้ขอกล่าวถึง attribute 2 อัน คือ readonly ที่ใช้สำหรับอ่านได้อย่างเดียว และ disabled คือระงับการใช้งาน ว่าแตกต่างกันอย่างไร ของ HTML โดยมีรายละเอียดดังนี้

ตัวอย่าง readonly และ disabled ต่างกันอย่างไร HTML

1. readyonly ใช้สำหรับให้ input ดังกล่าวอ่านได้อย่างเดียว ไม่สามารถแก้ไขข้อมูลได้

2. disabled ใช้สำหรับระงับการทำงานของ input ดังกล่าวทั้งหมด

3. readyonly ใช้กับ input ที่เป็นลักษณะของช่องข้อมูล เช่น input text หรือ textarea

4. disabled ใช้ได้เกือบทุก input

5. readonly ยังสามารถส่งค่าผ่าน form submit ได้

6. disabled ไม่สามารถส่งค่าผ่าน form submit ได้

7. readyonly ตัว input ยังแสดงผลเหมือนเดิมแต่แค่แก้ไขข้อมูลไม่ได้

8. disabled ตัว input จะเปลี่ยนเป็นสีเทาอ่อน

ตัวอย่าง input readonly และ disabled HTML

<input type="text" value="readonly" readonly>
<input type="text" value="disabled" disabled>