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

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 表示您可以通过其他方式轻松更改的宽度，最大长度表示可以在文本区域中输入多少个字符我相信你想使用。