textarea 高度自适应

简介: textarea 高度自适应


textarea 高度自适应


页面代码

<div class="form-group">  
  <label class="col-sm-3 control-label"><span style="color: red">*</span>模板内容:</label>
  <div class="col-sm-8">
    <textarea id="content" rows="5" name="content" class="form-control" type="text" th:required="true" maxlength="1000"></textarea>
  </div>
</div>


jquery代码

$('#content').on('input', function(e) {
      $(e.target).css('height', 'auto').css('height', this.scrollHeight + 'px');
       //$(this).css('height', 'auto').css('height', this.scrollHeight + 'px');
  });

参考资料:

textarea 高度自适应


相关文章
|
12天前
|
移动开发 JavaScript 小程序
uView Textarea 文本域
uView Textarea 文本域
13 0
|
12月前
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
113 0
|
前端开发
div文字居中
div文字居中
|
前端开发
div 居中方法汇总
居中问题无论在工作还是在面试中, 都是很常见的 下面我来给大家总结几种常用的方法, 大家可根据实际情况选择 好了, 废话不多说, 先看下效果 法1 定位+偏移 (margin) html css .
1019 0
【div】给div添加滚动条
style中给出最大高度,滚动条自动。 如果是横向的滚动条,自己设计。
645 0
设置div中的div居中显示
设置div中的div居中显示 方法一、   box1 style样式: .big{ height:200px; width:200px; border:black solid 1px; position:absolute; left:150px; } .
913 0
|
前端开发
设置input标签placeholder字体颜色
有时会遇到这样的需求,输入框的默认提示文字与用户输入的文字不同。 input {color:#ff7800} 如果只是设置input的颜色的话是达不到想要的效果的,css3有关于设置placeholder的属性-input-placeholder Webkit内核的浏览器和Microso...
2139 0