使用每行可变最大字符的html文本区域

Question

文本区域应支持每行不同的最大字符数，具体取决于它的行数。

实施例，

当它是1行时，

6个最大字符。

每行15个最大字符，当它是2行时。

每行20个最大字符，当它是3行时。等等。

想象一下，文本区域的大小是固定的，字符数量及其大小应相应改变以填充文本区域。因此，当它是多行时，字体应该更小，每行的最大字符数也会增加。

我相信这里需要javascript和jquery。

感谢。

Answer 1

你的问题是，你想使用单个textarea标签来完成你的任务。

虽然你的textarea大小是固定的，但我们不能说打字的字会到达它的末尾，因为每个字符都有不同的大小（宽度）（例如@，+，A，＆gt;）
我建议您使用独特的文本框或textarea（以获得满足您条件的输入行）来完成您的任务。从单独的文本框或文本区域，您可以组合您想要的。

我希望这个答案会对你有帮助。

Answer 2

你不能单独使用textarea。你可以做的是为多个textareas设置彼此之下的最大字符长度，并使用视觉样式使它看起来像一个盒子。可以从css设置每个textarea的字体大小，以使每个框中的大小更小。