无名小站
·
textarea文本域如何实现高度自适应
💡
原文中文，约5000字，阅读约需12分钟。
📝
内容提要
本文介绍了两种实现文本框高度自适应的方法，一种是使用CSS控制样式的div模拟textarea，另一种是利用JS控制实现，兼容性好。提供了演示地址供参考。
🎯
关键要点
- 本文介绍了两种实现文本框高度自适应的方法。
- 第一种方法是使用CSS控制样式的div模拟textarea，不需要JS。
- 第二种方法是利用JS控制实现，兼容性较好。
- 提供了演示地址供参考。
- textarea默认不支持自适应高度，超出部分会显示滚动条。
- 使用div模拟输入框时，可以通过contenteditable属性实现输入功能。
- CSS代码中考虑了IE6的兼容性问题。
- 提供了原生JS的实现代码，考虑了多种浏览器的兼容性。
- 演示地址展示了两种实现方式的效果。
➡️
