contenteditable

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2021.

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 do CSS.

Especificações

Specification
HTML Standard
# attr-contenteditable

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também