前边是可文字，后边是按钮，点击按钮文字变为可编辑，这个怎么做？

第二张是没有编辑横线的，就直接变为可编辑状态

------解决方案--------------------
如果是jquery 1.9的话，可以直接改type

$("input").attr("type", newValue)
------解决方案--------------------
用javascript做，css3也可以。
------解决方案--------------------
参考都是实现你要的效果
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