layui textarea 高度
时间: 2023-05-04 22:03:13 浏览: 1052
解决Layui 表格自适应高度的问题
LayUI是一款优秀的前端UI框架,其提供的textarea组件可以通过设置height属性来控制高度。在LayUI中,可以通过两种方式来设置textarea的高度:
第一种方式是在HTML标签中直接设置height属性,例如:
```
<textarea name="content" id="content" lay-verify="content" class="layui-textarea" style="height: 100px;"></textarea>
```
在上述代码中,通过style属性设置了textarea的高度为100px。
第二种方式是通过JavaScript代码来设置,例如:
```
layui.use(['form'], function() {
var form = layui.form;
form.render();
// 设置textarea高度为100px
$('textarea[name=content]').css('height', '100px');
});
```
在上述代码中,通过jQuery语法选择textarea元素,并通过css方法来设置其高度为100px。
需要注意的是,如果同时使用两种方式进行设置,以JavaScript代码的设置为准。同时,如果想让textarea自适应内容高度,可以使用LayUI提供的autosize组件,具体使用方法可以查看官方文档。
阅读全文