Thuộc tính contenteditable trong HTML

Giới thiệu

Thuộc tính contenteditable (thuộc tính toàn cục - Global Attribute) cho phép người dùng chỉnh sửa trực tiếp nội dung của một phần tử ngay trên trang web. Giá trị: true (có thể chỉnh sửa) hoặc false (mặc định, không chỉnh sửa).

Cú pháp

<element contenteditable="true|false">

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2 contenteditable="true">Tiêu đề Demo</h2>
  <p contenteditable="true">Đây là một dòng demo.</p>
</body>
</html>

Kết quả hiển thị

Tiêu đề và đoạn văn có thể chỉnh sửa trực tiếp trên trình duyệt (nhấp vào để gõ).

contenteditable="true"