1.true可编辑
2.false不可编辑 http://www.w3school.com.cn/tags/att_global_contenteditable.asp
3.plaintext-only只能输入纯文本
4.更多参考 https://w3c.github.io/editing/contentEditable.html#contenteditable
5.代码和展示
(1)html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.input:empty::before{
color:lightgrey;
content:attr(placeholder);
}
.input{
width: 100px;
}
</style>
</head>
<body>
<div class="input" contenteditable placeholder="请输入文字"></div>
</body>
</html>
(2)效果(蛮好的)
(3)说明
①contenteditable变为可编辑的;
②.input:empty::before{ color:lightgrey; content:attr(placeholder); }添加placeholder属性;
③可以自行换行,自适应高度;