让一个div具有 input 框的效果,只需要设置 contenteditable 属性为 true 即可
contenteditable :属性指定元素内容是否可编辑。默认为false
<div contenteditable="true"></div>
div{
width: 200px;
height: 30px;
border: 1px solid #000;
padding: 5px;
}
运行效果:
这样就可以实现了在div里面输入文本了!
让一个div具有 input 框的效果,只需要设置 contenteditable 属性为 true 即可
contenteditable :属性指定元素内容是否可编辑。默认为false
<div contenteditable="true"></div>
div{
width: 200px;
height: 30px;
border: 1px solid #000;
padding: 5px;
}
运行效果:
这样就可以实现了在div里面输入文本了!