Textarea 自适应内容高度：实现方法及代码示例

可以使用以下方法实现 textarea 自适应内容高度：

1. 使用 JavaScript 监听 textarea 的输入事件，即在用户输入文本时自动调整 textarea 的高度。

2. 设置 textarea 的属性为'rows=1'，使其默认只显示一行文本。

3. 使用 CSS 样式'resize:none'来禁止用户手动调整 textarea 的大小。

4. 使用 JavaScript 计算 textarea 中文本的高度，然后设置 textarea 的高度为该值。

下面是一个示例代码：

HTML 代码：

<textarea id='myTextarea' rows='1' style='resize:none'></textarea>

JavaScript 代码：

// 获取 textarea 元素
var textarea = document.getElementById('myTextarea');

// 监听 textarea 的输入事件
textarea.addEventListener('input', function() {
  // 计算 textarea 中文本的高度
  var textHeight = textarea.scrollHeight;
  // 设置 textarea 的高度为文本高度
  textarea.style.height = textHeight + 'px';
});

CSS 样式：

textarea {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
}

这样，当用户输入文本时，textarea 的高度会自动调整，以适应文本内容的高度。