textarea赋值与自适应高度技巧

通常情况下，一个文本框（textarea）的高度是固定的，用户可以通过拖动边框来调整文本框的大小。然而，在某些情况下，我们可能希望文本框的高度能够根据输入的内容自动调整，以便更好地显示所有文本内容。下面是一种实现textarea自适应高度的技巧：

1. 使用CSS样式设置textarea的高度为auto，这样textarea的高度会根据内容的多少自动调整。

textarea {
  height: auto;
}

2. 使用JavaScript来监听textarea的输入事件，并根据输入的内容来调整textarea的高度。

let textarea = document.querySelector('textarea');

textarea.addEventListener('input', function() {
  this.style.height = 'auto';
  this.style.height = (this.scrollHeight) + 'px';
});

通过上面的代码，当用户输入内容时，textarea的高度会根据内容的多少自动调整，以确保所有文本内容都能够完整显示出来。这样就实现了textarea自适应高度的效果。