如何在textarea上设置最小和最大行

Posted 2023-05-07

【中文标题】如何在textarea上设置最小和最大行

【英文标题】：how to set min and max rows on textarea

【发布时间】：2021-12-30 20:23:35

【问题描述】：

我正在尝试将最小和最大行设置为 textarea，然后在 javascript 代码中进行编辑。问题是我发现可以只设置 rows 属性并且不知道如何在 javascript 代码中使用它

【问题讨论】：

请访问help center，使用tour查看内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您尝试的minimal reproducible example，注意输入和预期输出，最好在Stacksnippet

【参考方案1】：

你可以使用这个方法。

const myText = document.querySelector('.my-text');


myText.style.maxHeight = "400px";
myText.style.minHeight = "100px";

.my-text 
      border: 1px solid red;

<textarea class="my-text" rows="3"></textarea>