แอตทริบิวต์แก้ไขเนื้อหา HTML

แอตทริบิวต์ที่แก้ไขได้ใน HTML ใช้เพื่อตั้งค่าว่าเนื้อหาสามารถแก้ไขได้หรือไม่โดยใช้ค่าบูลีนจริงหรือเท็จ คุณลักษณะนี้สามารถใช้กับองค์ประกอบใดก็ได้เนื่องจากเป็นแอตทริบิวต์สากล

ต่อไปนี้เป็นไวยากรณ์ -

<element contenteditable =”true|false”>

ด้านบน ตั้งค่าจริงหากคุณต้องการให้องค์ประกอบสามารถแก้ไขได้ มิฉะนั้นเป็นเท็จ

ให้เรามาดูตัวอย่างการใช้แอตทริบิวต์ contenteditable ใน HTML −

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
   <h2 contenteditable="true">Demo Heading</h2>
   <p contenteditable="true">This is a demo line.</p>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ การแสดงส่วนหัวและองค์ประกอบ p สามารถแก้ไขได้ -

แอตทริบิวต์แก้ไขเนื้อหา HTML

ตอนนี้ เราสามารถแก้ไขหัวเรื่องและเนื้อหาได้ ดังนั้น ให้เราเปลี่ยนหัวเรื่องและแสดงภาพหน้าจอ -

แอตทริบิวต์แก้ไขเนื้อหา HTML

ในตัวอย่างข้างต้น เราได้ตั้งค่าหัวเรื่องและข้อความบางส่วน -

<h2 contenteditable="true">Demo Heading</h2>
<p contenteditable="true">This is a demo line.</p>

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

h2 contenteditable="true"