1、给 div
添加 contenteditable="true"
属性,使 div
元素变成用户可编辑。
2、给 div
添加 resize: both;
样式,使 div
可以被用户调整尺寸,注意:同时需要设置 overflow: auto;
样式,因为 resize
样式不适用于 overflow: visible;
的块,不然 resize
不会生效,如果不需要支持手动拖拽输入框,不加就行
。
resize
支持输入框拉伸的属性:vertical(垂直拉伸)
、horizontal(水平拉伸)
、both(垂直与水平拉伸)
3、增加一个 placeholder
属性,通过 CSS
控制显示。
1、给 div
添加 contenteditable="true"
属性,使 div
元素变成用户可编辑。
2、给 div
添加一个 onkeydown
事件,然后禁止 回车换行
。
3、增加一个 placeholder
属性,通过 CSS
控制显示。