Se utiliza para especificar si el contenido presente en el elemento es editable o no. Cuando este atributo no se establece en un elemento, este elemento heredará de su elemento principal.
Etiquetas compatibles: admite todos los elementos HTML.
Sintaxis:
<element contenteditable = "true|false">
Atributo: Es principalmente una instancia de Atributos globales y se puede usar en cualquier elemento HTML. Este atributo contiene dos valores, ya sea verdadero o falso. Si el valor del atributo es verdadero, el contenido es editable y si el valor del atributo es falso, el contenido no es editable.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>contenteditable attribute</title>
<style>
body {
width:60%;
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>contenteditable attribute</h2>
<p contenteditable="true">GeeksforGeeks:
A computer science portal for geeks</p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo contenteditable se enumeran a continuación:
- Google Chrome 4.0
- Internet Explorer 6.0
- Firefox 3.5
- Ópera 10.1
- Safari 3.1
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA