แอตทริบิวต์ contenteditable

แอตทริบิวต์ contenteditable ช่วยให้ สามารถแก้ไของค์ประกอบใด ๆ บนหน้าเว็บได้ ผ่านเบราว์เซอร์

ค่า true จะเปิดใช้งานการแก้ไข ส่วนค่า false - จะปิดการใช้งาน แทนที่จะใช้ true สามารถระบุค่าว่าง หรือไม่ต้องเขียนมันเลยก็ได้

ไม่ควรคิดว่าหลังจากแก้ไขแล้ว การเปลี่ยนแปลงบนหน้าจะถูกบันทึกไว้ที่ใด ควรต้องทำการปรับใช้งานนี้ด้วยตนเอง ผ่าน JavaScript

ตัวอย่าง

ลองมาแก้ไขข้อความย่อหน้าผ่าน เบราว์เซอร์กัน (เพียงคลิกเมาส์ที่มันและ เริ่มพิมพ์):

html<p contenteditable>
  ข้อความของย่อหน้านี้สามารถ
  แก้ไขผ่านเบราว์เซอร์ได้
</p>

Результат:

ตัวอย่าง

และตอนนี้ให้ปิดการแก้ไขข้อความ (สำหรับ สิ่งนี้สามารถไม่เขียนแอตทริบิวต์ contenteditable เลยก็ได้):

html<p contenteditable="false">
  ข้อความของย่อหน้านี้ไม่สามารถ
  แก้ไขผ่านเบราว์เซอร์ได้
</p>

Результат:

ดูเพิ่มเติม