本文共 850 字，大约阅读时间需要 2 分钟。

Contenteditable：

HTML中的contentEditable的属性可以打开某些元素的可编辑状态．也许你没用过contentEditable属性．甚至从未听说过．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素设置为可写。我们最常用的输入文本内容便是input与textarea，使用contentEditable属性后，可以在div,table,p,span,body,等等很多元素中输入内容．

1.制作一个可编辑的Div,即加上contenteditable="true"

2.div如何实现Placeholder

 
   
    .title[placeholder]:empty:focus::before{  content:none;}.addtitle :empty:before{  content:attr(placeholder);  color:rgb(190, 198, 214);  margin-left: 5%}
   

3.去掉外边框

.title:focus{

  border:none;outline:none;

}

4.设置字数

window.onload=function(){  var oDiv = document.getElementById("editer")  oDiv.onkeyup=function(){    if(oDiv.innerText.length>10){      this.innerText = this.innerText.substring(0,10);      this.blur();    }  }}