contenteditable
Experimente
O atributo global contenteditable é um atributo enumerado indicando se o elemento deve ser editável pelo usuário. Se assim for, o navegador modifica seu widget para permitir a edição.
A fonte para este exemplo interativo está armazenada em um repositório do GitHub. Se você quiser contribuir para o projeto de exemplos interativos, por favor clone https://github.com/mdn/interactive-examples e nos envie um pull request.
O atributo deve ter um dos seguintes valores:
trueou uma string vazia, o que indica que o elemento é editável.false, o que indica que o elemento não é editável.
Se o atributo for aplicado sem um valor, como <label contenteditable>Rótulo de Exemplo</label>, seu valor é tratado como uma string vazia.
Se esse atributo estiver faltando ou seu valor for inválido, seu valor é herdado de seu elemento pai: para que o elemento seja editável se seu pai for editável.
Observe que, embora seus valores permitidos incluam true e false, este atributo é um enumerado e não um Booleano.
Você pode definir a cor usada para desenhar a inserção de texto caret com a propriedade caret-color (en-US) do CSS.
Especificações
| Especificação | Status | Comentário |
|---|---|---|
| HTML Living Standard The definition of 'contenteditable' in that specification. |
Padrão em tempo real | Nenhuma mudança na última instância, HTML 5.2 |
| HTML 5.2 The definition of 'contenteditable' in that specification. |
Recomendação | Instância de HTML Living Standard, sem mudanças para HTML 5.1 |
| HTML 5.1 The definition of 'contenteditable' in that specification. |
Recomendação | Instância de HTML Living Standard, sem mudanças para HTML5 |
| HTML5 The definition of 'contenteditable' in that specification. |
Recomendação | Instância de HTML Living Standard, definição inicial. |
Compatibilidade com navegadores
BCD tables only load in the browser