suchen

Heim >Web-Frontend >HTML-Tutorial >HTML ContentEditable-Attribut

HTML ContentEditable-Attribut

Guanhui
GuanhuiOriginal
2020-05-22 09:59:073455Durchsuche

HTML ContentEditable-AttributDas 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>

HTML ContentEditable-Attribut

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!

html5 html 继承 input table
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So implementieren Sie ein Dropdown-Menü in HTMLNächster Artikel：So implementieren Sie ein Dropdown-Menü in HTML

In Verbindung stehende Artikel

Mehr sehen