contenteditable属性可以将div等块级元素变为可以输入的输入框。textarea标签可以输入文字,但是不可以动态用js输入图片并显示出来。用contenteditable属性可以将输入的图片等内容及时呈现出来,尤其是在做留言板时会用到。
只要是块级元素都可以用此属性变为输入框
<div contenteditable="true"></div>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<div class="box_dis">
<!--<input class="search" type="text" id="tipinput" />-->
<div class="searc" type="text" contenteditable="true" id="tipinput">
<!--<img class='text' src='../API/outstyle091100004.jpg' />-->
</div>
</div>
</body>
</html>