900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > h5如何实现textarea根据输入内容自适应高度

h5如何实现textarea根据输入内容自适应高度

时间:2020-05-11 01:13:46

相关推荐

h5如何实现textarea根据输入内容自适应高度

h5如何实现textarea根据输入内容自适应高度

webApp的开发经常会在有评论的功能,textarea会随内容的增加自动增加元素的高度。

实现效果如图:

1.在底部设置fix的附件元素div,包含评论textarea

2.为textarea设置内容变化事件,当textarea换行时更改textarea高度 ,当textarea的高度增加时,附件元素 div的高度也随着增加。

实现代码:

html:

<div ><div><textarea placeholder="请输入留言"></textarea></div><img src="../../img/news/com

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。