Atributo contenteditable

O atributo contenteditable permite tornar qualquer elemento da página editável através do navegador.

O valor true ativa a edição, e false - desativa. Em vez de true pode-se especificar um valor vazio ou simplesmente não escrevê-lo.

Não se deve pensar que após a edição as alterações na página serão salvas em algum lugar. Isso deve ser implementado independentemente através de JavaScript.

Exemplo

Vamos editar o texto do parágrafo através do navegador (basta clicar nele com o mouse e começar a escrever):

html<p contenteditable>
  O texto deste parágrafo pode
  ser editado através do navegador.
</p>

Результат:

Exemplo

E agora vamos desativar a edição de texto (para isso pode-se não escrever o atributo contenteditable completamente):

html<p contenteditable="false">
  O texto deste parágrafo não pode
  ser editado através do navegador.
</p>

Результат:

Veja também