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 高度自适应


相关文章
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
JSON 搜索推荐 程序员
『GitHub项目圈选15』推荐5款本周 深受程序员喜爱 的开源项目
『GitHub项目圈选15』推荐5款本周 深受程序员喜爱 的开源项目
393 1
|
存储 设计模式 缓存
通用点赞设计思路
点赞作为一个高频率的操作,如果每次操作都读写数据库会增加数据库的压力,所以采用缓存+定时任务来实现。点赞数据是在redis中缓存半小时,同时定时任务是每隔5分钟执行一次,做持久化存储,这里的缓存时间和任务执行时间可根据项目情况而定。
2875 2
|
前端开发 JavaScript 容器
【实战】用CSS实现文本打字机效果
【实战】用CSS实现文本打字机效果
1608 0
【实战】用CSS实现文本打字机效果
|
存储 Ubuntu Linux
如何在服务器之间同步文件?
如何在服务器之间同步文件?
444 3
|
网络协议 Java
在Java中使用TCP协议搭建一个简单的客户端
如何在Java中使用TCP协议搭建一个简单的客户端
512 2
|
安全 Linux Shell
深入探索Linux的login命令
`login`命令是Linux中用户身份验证的关键,用于启动新的会话并访问系统资源。它验证用户名和密码,创建安全的会话,管理权限。主要特点是加密密码、确保身份验证和会话管理。管理员可能使用参数如`-f`, `-h`, `-p`, `-s`进行特殊操作。尽管通常不直接运行login命令,但了解其工作原理和安全最佳实践是重要的,包括使用强密码,定期更改,通过安全协议远程登录,以及谨慎管理会话。
|
存储 JSON Java
含有泛型的 JSON 反序列化问题
含有泛型的 JSON 反序列化问题
2209 0
含有泛型的 JSON 反序列化问题
|
Java
Mac环境下反编译apk
Mac环境下反编译apk
417 0
|
存储 缓存 NoSQL
Redis 缓存使用技巧和设计方案,建议收藏!
Redis 缓存使用技巧和设计方案,建议收藏!
1484 1
Redis 缓存使用技巧和设计方案,建议收藏!