HTML의 contentEditable 속성은 특정 요소의 편집 가능 상태를 켤 수 있습니다. 아마도 contentEditable 속성을 사용해 본 적이 없거나 들어본 적도 없을 것입니다. 이 속성은 div 또는 전체 웹 페이지를 확장할 수 있습니다. 등. 요소가 쓰기 가능으로 설정되어 있습니다. 가장 일반적으로 사용되는 입력 텍스트 콘텐츠는 input 및 textarea입니다. contentEditable 속성을 사용한 후 div, table, p,span,body 및 기타 여러 요소에 콘텐츠를 입력할 수 있습니다.
참고: 요소에 contenteditable 속성이 설정되지 않은 경우 요소는 상위 요소에서 상속됩니다.
브라우저 지원
| Browser | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 버전 | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
참고: contenteditable 속성은 HTML5의 새로운 기능입니다.
Syntax
<element contenteditable="true|false">
속성 값
| Value | Description |
|---|---|
| true | 요소가 편집 가능함을 지정합니다 |
| false | 지정된 요소는 편집할 수 없습니다. |
예
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ContentEditable</title>
</head>
<body>
<div contenteditable="true">
你好！世界！
</div>
</body>
</html>
추천 튜토리얼: "HTML Tutorial"
위 내용은 HTML ContentEditable 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
