using javascript to change some text into an input field when clicked on

Question

I\'m trying to make a page that has some editabable fields, but I only want them to display as input boxes once the user clicks on them (the rest of the time showing as plai

Answer 1

Can we do it simple guys?

Just keep textbox with readonly property true and some CSS which makes text box looks like span with border.

Then as soon as user clicks on text box remove readonly attribute.

On blur restore the CSS and readonly attributes.