Make a span item editable? [duplicate]

Question

I am making a simple web app, in one part of it I want the user to be able to edit the text put up by me on the screen. The text is currently contained in a <span> element.

How is it possible?

Answer 1

Just set contenteditable attribute as true

<span contenteditable="true">edit</span>

or simply add contenteditable only

<span contenteditable>edit</span>

Fiddle Demo