Das contentEditable-Attribut in HTML kann den bearbeitbaren Status bestimmter Elemente aktivieren oder sogar davon gehört haben. Die Rolle von contentEditable ist ziemlich magisch eine ganze Webseite, und span und andere Elemente sind so eingestellt, dass sie beschreibbar sind. Unser am häufigsten verwendeter Eingabetextinhalt ist input und textarea. Nach Verwendung des contentEditable-Attributs können Sie Inhalte in div, table, p, span, body und vielen anderen Elementen eingeben.
Hinweis: Wenn das contenteditable-Attribut im Element nicht festgelegt ist, erbt das Element vom übergeordneten Element.
Browserunterstützung
| 浏览器 | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 版本 | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
Hinweis: Das contenteditable-Attribut ist neu in HTML5.
Syntax
<element contenteditable="true|false">
Attributwert
| 值 | 描述 |
|---|---|
| true | 指定元素是可编辑的 |
| false | 指定元素是不可编辑的 |
Beispiel
<!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>
Empfohlenes Tutorial: „HTML-Tutorial“
Das obige ist der detaillierte Inhalt vonHTML ContentEditable-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
