recherche

Maison >interface Web >tutoriel HTML >Attribut HTML ContentEditable

Attribut HTML ContentEditable

Guanhui
Guanhuioriginal
2020-05-22 09:59:073436parcourir

Attribut HTML ContentEditableL'attribut contentEditable en HTML peut activer l'état modifiable de certains éléments. Peut-être n'avez-vous jamais utilisé l'attribut contentEditable, ni même entendu parler de lui. Le rôle de contentEditable est assez magique. Il peut créer un div ou. une page Web entière, et span et d'autres éléments sont définis pour être accessibles en écriture. Notre contenu de texte de saisie le plus couramment utilisé est input et textarea. Après avoir utilisé l'attribut contentEditable, vous pouvez saisir du contenu dans div, table, p, span, body et bien d'autres éléments.

Remarque : Lorsque l'attribut contenteditable n'est pas défini dans l'élément, l'élément héritera de l'élément parent.

Prise en charge du navigateur

浏览器 Chrome Internet Explorer Firefox Safari Opera
版本 11.0 5.5 3.0 3.2 10.6

Remarque : L'attribut contenteditable est nouveau dans HTML5.

Syntaxe

<element contenteditable="true|false">

Valeur de l'attribut

值 描述
true 指定元素是可编辑的
false 指定元素是不可编辑的

Exemple 

 <!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>

Attribut HTML ContentEditable

Tutoriel recommandé : "Tutoriel HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 html 继承 input table
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment implémenter le menu déroulant en HTMLArticle suivant：Comment implémenter le menu déroulant en HTML

Articles Liés

Voir plus