There is text in the front and buttons in the back. Click the button and the text becomes editable. How to do this? _html/css_WEB-ITnose

The second picture has no editing lines and becomes editable directly

Reply to discussion (solution)

If it is jquery For 1.9, you can directly change the type

$("input").attr("type", newValue)

Do it with javascript or css3.

The reference is to achieve the effect you want
http://www.cnblogs.com/wanghun/archive/2012/07/20/2601252.html
http://www.oschina .net/code/snippet_214019_15746
http://www.aa25.cn/code/458.shtml

The reference is to achieve the effect you want
http://www.cnblogs.com /wanghun/archive/2012/07/20/2601252.html
http://www.oschina.net/code/snippet_214019_15746
http://www.aa25.cn/code/458.shtml
Very useful, thank you! Is there any way to change the picture at the back? I want the picture at the back to be an a label, and then the background of the a label is the shape of the pen, and then it changes after clicking! But it seems that the written js code cannot be changed, and then I changed an img tag, but it still can't be realized!

Use javascript, css3 can also be used.
Yesterday, using js to change the background of the a tag seemed to be useless. Now I have implemented the change in the front, but I can’t change the background in the back