Itâ€™s not well known but this feature was invented by Microsoft and has been implemented across all major modern browsers ever since IE 5.5. Adding an attribute of contenteditable and assign a value of â€œtrueâ€ to it makes the content value / inner text of that element editable by a single click:
<blockquote contenteditable="true">Click to edit me!</blockquote>
Try it live:
Click to edit me!
Now what can we do with this new trick?