设置 Textarea 的最大长度

Posted 2023-03-05

技术标签:

【中文标题】设置 Textarea 的最大长度【英文标题】：Setting the maxlength of Textarea 【发布时间】：2015-07-09 23:59:12 【问题描述】：

我创建了一个 textarea，我将 maxlength 设置为 350 个字符和 row="5"。如果我正常输入字符，它就完美了。

然后，当我使用 2-3 次 Enter 复制粘贴数据时，它停止接收少于 350 个字符。

我只是想了解它是如何工作的，以及我需要涵盖哪些用例才能正确实现它。提前致谢！

【问题讨论】：

你检查我的答案了吗？ 【参考方案1】：

通常文本中的换行符是用不可见字符编码的。在 Windows 操作系统中，它是两个字符的组合：CR（回车）和 LF（换行）。在类 unix 操作系统中，只有一个字符 LF（换行）。

CR 和 LF 字符计入最大长度，这就是为什么您的 textarea 似乎占用少于 350 个字符的原因。

您可以使用此JSFiddle 进行一些测试。

<body>
  1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
  <textarea rows="5" maxlength="10"></textarea> 
</body>

如果将整列数字复制粘贴到文本区域中，则在类 unix 操作系统中将仅粘贴其中的 5 个，在 Windows 操作系统中则更少。

【讨论】：

以上是关于设置 Textarea 的最大长度的主要内容，如果未能解决你的问题，请参考以下文章