<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML5 - Contenido Editable</title>
</head>
<body>
<header>
<h1>Contenido Editable</h1>
</header>
<article>
<section>
<p>Cualquier elemento con el atributo <b>contenteditable="true"</b> tendra un entorno gris al pulsar el ratón encima, y podra ser editado su contenido.</p>
</section>
<section id="editable" contenteditable="true">
<h2>Puedes modificar este parrafo a tu antojo</h2>
<ol>
<li>Aqui a una lista</li>
<li>Segundo elemento</li>
<li>Puedes crear nuevo elementos</li>
</ol>
</section>
<div>
<input type="button" value="Eliminar cambios" onClick="restaurar();" />
</div>
</article>
<script type="text/javascript">
function restaurar()
{
localStorage.clear();
window.location = window.location; // refresh
}
</script>
</body>
</html>
Comentarios sobre la versión: Versión 1 (1)