contenteditable实现文本框

contenteditable是html5新增的属性，它规定了是否可以编辑元素的内容。

<p contenteditable="true">这是一个可编辑的p标签</p>

1. 实现placeholder
   给标签添加placeholder属性，然后通过css控制placeholder的显示和隐藏
   <p contenteditable="true" placeholder="请输入..."></p>

       p[contenteditable]:empty:not(:focus):before{
           content: attr(placeholder);
           color: #000;
       }