L'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>
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
