防止调整大小和滚动<textarea>

Question

我想在我的网页上添加一个<textarea> 。 最多可以包含21行。 当有更多元素进入页面时，我想防止调整文本区域的大小。 我通过提供maxlength属性来部分获得它。 但是使用行号进行计数是无效的。 因为如果有人给1条新行并键入一些数据，那么行顺序将给出一个真值，但最大长度将给出错误的值。

假设我的textarea的maxlength=100并且一行最多可以包含10个字母。 而且我将行号限制为10。如果我给10空白enter键，那么它将停在第10行。如果我给出100个字符，那么它也将正常工作。 但是，如果我在第一行Enter 1个字符，则按Enter ，然后在第二行Enter一个字符，然后按Enter 。 然后，文本区域将允许另外98个字符，这将调整textarea大小

有什么方法可以防止使用textarea的宽度调整大小？ 请帮忙

Answer 1

防止使用CSS调整大小属性调整大小：

.txt {
   resize: none;
}

防止用户在文本区域中添加太多值：

<textarea maxlength="100" accesskey="10" row="10"></textarea>

最终代码：

<textarea maxlength="100" class="txt" accesskey="10" row="10" style="resize:none">
   My text is
</textarea>