contenteditable

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.

Experimente

O atributo deve ter um dos seguintes valores:

  • true ou 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

Veja também