其他分享
首页 > 其他分享> > textarea如何实现高度自适应?

textarea如何实现高度自适应?

作者:互联网

因为textarea不支持自适应高度,就是定好高度或者是行数之后,超出部分就会显示滚动条,看起来不美观。

解决方法:div模拟textarea文本域实现高度自适应

那么如何给div添加placeholder属性呢?见下方代码:

<!DOCTYPE <html>
<head>
<title></title>
<style type="text/css">
.input{
    width:200px;
    height:30px;
    border:1px solid grey;
}
.input:empty::before{
    color:#000;
    content:attr(placeholder);
}
</style>
</head>
<body>
    <div class="input" contenteditable placeholder="请输入文字"></div>
</body>
</html>

  

 

标签:textarea,高度,适应,input,div,placeholder
来源: https://www.cnblogs.com/chicidol/p/15352536.html