我如何将文本区域的内容限制为文本区域的高度？

Question

已更新！

如果用户输入的文本可以超出文本区域的高度，我如何限制文本区域的内容？ SO用户受到限制。

.left {
  width: 200px;
  height: 100px;
  background-color: transparent;
  resize: none;
  outline: none;
  /* border: none; */
  overflow-y: hidden;
  padding-top: 0;
  padding-left: 0;
}

<textarea class="left"></textarea>

Answer 1

我不明智的做法是通过大小限制文本区域，而不是设置限制可输入字符的数量，因为移动设备和计算机屏幕的大小似乎有所不同。 尝试类似

<textarea rows="4" cols="50" maxlength="50">

rows =“ 4”将文本区域的行高设置为4行，并且50 cols表示您可以通过其他方式轻松更改的宽度，最大长度表示可以在文本区域中输入多少个字符，我相信您想使用。