HTML Textarea 高度

HTML中的textarea标签用于创建可编辑的文本域。当输入文本内容超过了文本域指定的宽度和高度时，浏览器会自动添加滚动条来显示全部内容。在这里，我们将讨论如何设置textarea标签的高度。

设置高度

要设置textarea标签的高度，我们可以使用height属性。该属性接受一个表示高度的数字值（单位为像素）。例如：

<textarea name="message" rows="5" cols="50" style="height:200px;"></textarea>

在上面的示例中，我们设置了文本域为200像素高度。

自适应高度

如果我们不想使用固定的高度，而是希望文本域的高度随着输入内容的增加而自适应变化，我们可以使用JavaScript来实现。

在以下示例中，我们将使用autosize库来实现自适应高度。首先，在HTML页面中添加该库的引用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/4.0.2/autosize.min.js" integrity="sha384-cUVegHMDAauC1+PIYo33w/tSZPzvlgGBs99a96FTpfAp3St9X1SRU+1fU96SD6oE" crossorigin="anonymous"></script>

接下来，我们需要为所有的文本域启用自适应高度的功能。我们可以使用以下代码：

autosize(document.querySelectorAll('textarea'));

这将自动将自适应高度功能应用于所有的文本域。

总结

在HTML中，我们可以通过height属性来设置textarea标签的高度，也可以使用JavaScript库实现文本域自适应高度的功能，提供更好的用户体验。