19/09/2018, 14:42
contenteditable trong HTML
1 2 3 4 5 6 7 8 < ! DOCTYPE html > < html > < body > < p contenteditable = "true" > Đâ y l à m ộ t đ o ạ n v ă n b ả n . B ạ n c ó th ể ...
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <p contenteditable="true">Đây là một đoạn văn bản. Bạn có thể sửa bằng cách đặt trỏ chuột vào và nhập ký tự từ bàn phím.</p> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính contenteditable quy định nội dung trong một thẻ có thể được chỉnh sửa hay không.
Lưu ý: Khi thuộc tính contenteditable không được thiết lập trên thẻ, thì thuộc tính này sẽ được kế thừa từ thẻ cấp cao hơn.
Trình duyệt hỗ trợ
Số dưới đây thể hiện phiên bản đầu tiên mà trình duyệt hỗ trợ đầy đủ thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| contenteditable | 4.0 | 3.5 | 5.5 | 3.1 | 9.6 |
Sự khác nhau giữa HTML 4.01 và HTML5
Contenteditable là thuộc tính mới trong HTML5.
Cú pháp
|
1 |
<element contenteditable="true|false"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| true | Thẻ có thể chỉnh sửa nội dung. |
| false | Thẻ không thể chỉnh sửa nội dung. |
