[随笔一记]让一个div盒子变成textarea

主要的属性就是contenteditable这个属性，contentedit的意思是内容编辑，后面+able，就是内容可编辑的

所以可以先敲一个盒子出来,给它加上contenteditable属性

然后再给盒子加上点属性，就可以在里面编辑内容啦

在浏览器中的效果就是如下

 

 如果想自由拉伸的话，我们则还需要设置resize和overflow属性

将resize设置成both，我们就可以上下和左右自适应拉伸

但如果只设置了resize是没有用的，得搭配上overflow：auto

 在浏览器中显示的效果如下

 

可以自由拉伸!

这样这个div就变成了一个合格的textarea了 ！