textarea是一种特殊的输入框，它允许用户输入多行文本。它的高度是固定的，所以如果你想让用户输入更多的文本，你需要让textarea的高度自适应。这样，当用户输入的文本行数增多时，textarea的高度也会自动增长。
实现textarea高度自适应的方法有很多，本文将介绍一种基于JavaScript的实现方法，该方法可以让textarea的高度随文本行数的增多而自动增长。
我们需要在textarea中添加一个id属性，以便在JavaScript中能够找到它。
<textarea id="myTextArea"></textarea>我们可以使用JavaScript来实现textarea高度自适应：
// 获取textarea元素
var textarea = document.getElementById("myTextArea");
// 监听textarea的input事件
textarea.addEventListener("input", function() {
// 设置textarea的高度
textarea.style.height = "";
textarea.style.height = Math.min(textarea.scrollHeight, 200) + "px";
});上面的代码中，我们使用document.getElementById()方法获取到textarea元素，添加一个input事件监听器，当textarea的内容发生变化时，就会触发该事件。在事件处理函数中，我们使用textarea.scrollHeight属性获取到textarea的内容高度，将textarea的高度设置为该高度，从而实现textarea高度自适应。
我们也可以使用CSS来实现textarea高度自适应：
#myTextArea {
resize: none;
overflow: hidden;
min-height: 30px;
max-height: 200px;
line-height: 1.5;
box-sizing: border-box;
padding: 10px;
}上面的代码中，我们将textarea的resize属性设置为none，从而禁止用户拖动textarea的边框来改变textarea的大小。我们设置textarea的overflow属性为hidden，这样当textarea的内容超出textarea的可见区域时，超出部分将会被隐藏。我们还设置min-height属性和max-height属性，让textarea的高度在一定范围内自动调整，从而实现textarea高度自适应。
本文介绍了如何使用JavaScript和CSS实现textarea高度自适应的方法。使用JavaScript可以实现动态的textarea高度自适应，而使用CSS可以实现静态的textarea高度自适应。
本文链接：http://task.lmcjl.com/news/2692.html