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>