Question

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

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

的大小

有没有办法阻止使用textarea的宽度重新调整大小？请帮忙

Answer 1

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

.txt {
   resize: none;
}

防止用户在textarea中添加太多值：

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

最终代码：

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

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

1 个答案: