Atributul contenteditable

Atributul contenteditable permite oricărui element de pagină să fie editabil direct în browser.

Valoarea true activează editarea, iar false - o dezactivează. În loc de true se poate specifica o valoare goală sau să nu o scrieți deloc.

Nu trebuie să credeți că după editare modificările pe pagină vor fi salvate undeva. Acest lucru trebuie implementat independent prin JavaScript.

Exemplu

Hai să edităm textul paragrafului direct în browser (doar dați click pe el cu mouse-ul și începeți să scrieți):

html<p contenteditable>
  Textul acestui paragraf poate fi
  editat direct în browser.
</p>

Результат:

Exemplu

Și acum să dezactivăm editarea textului (pentru asta puteți să nu scrieți deloc atributul contenteditable):

html<p contenteditable="false">
  Textul acestui paragraf nu poate fi
  editat direct în browser.
</p>

Результат:

Vedeți și