แอตทริบิวต์ contenteditable
แอตทริบิวต์ contenteditable ช่วยให้
สามารถแก้ไของค์ประกอบใด ๆ บนหน้าเว็บได้
ผ่านเบราว์เซอร์
ค่า true จะเปิดใช้งานการแก้ไข
ส่วนค่า false - จะปิดการใช้งาน แทนที่จะใช้ true
สามารถระบุค่าว่าง
หรือไม่ต้องเขียนมันเลยก็ได้
ไม่ควรคิดว่าหลังจากแก้ไขแล้ว การเปลี่ยนแปลงบนหน้าจะถูกบันทึกไว้ที่ใด ควรต้องทำการปรับใช้งานนี้ด้วยตนเอง ผ่าน JavaScript
ตัวอย่าง
ลองมาแก้ไขข้อความย่อหน้าผ่าน เบราว์เซอร์กัน (เพียงคลิกเมาส์ที่มันและ เริ่มพิมพ์):
<p contenteditable>
ข้อความของย่อหน้านี้สามารถ
แก้ไขผ่านเบราว์เซอร์ได้
</p>
:
ตัวอย่าง
และตอนนี้ให้ปิดการแก้ไขข้อความ (สำหรับ
สิ่งนี้สามารถไม่เขียนแอตทริบิวต์ contenteditable
เลยก็ได้):
<p contenteditable="false">
ข้อความของย่อหน้านี้ไม่สามารถ
แก้ไขผ่านเบราว์เซอร์ได้
</p>
:
ดูเพิ่มเติม
-
แท็ก
textarea,
ซึ่งสามารถใช้สร้างตัวแก้ไขข้อความได้