CSS 能不能实现两种不同的表单状态？

鼠标移动到如图右边的文字上，文本出现编辑状态。

当鼠标移出，又恢复到文字状态。

我只知道 onmouseout 和 onmouseover ，可能是太菜了，感觉不好实现，请各位知道的大侠恳请指点下，给出实现的大概方法或者需要用到的函数等等....