让一个div具有input交互效果

让一个div具有 input 框的效果，只需要设置 contenteditable 属性为 true 即可

contenteditable ：属性指定元素内容是否可编辑。默认为false

<div contenteditable="true"></div>
div{
   width: 200px;
   height: 30px;
   border: 1px solid #000;
   padding: 5px;
}

运行效果：

这样就可以实现了在div里面输入文本了！