如何在输入21个字符后使文本框换行

Question

<input id="textbox" type="text">

我正在尝试模拟您在手机的消息传递应用程序中获得的文本框。键入21个字符后，我想模拟一个换行符，以便文本在换行符下继续在其下而不是仅将文本推过文本框的边缘。如何使用JS / JQuery完成此操作？

Answer 1

cols的值基于使用最宽字符W的键入。实际上，您将能够输入与cols数量不同的字符数。特别是如果您允许用户调整textarea的大小。

您应该使用CSS和本质上是印刷性的度量单位（例如 em units ），而不是使用cols这样的不精确的HTML属性，并同时锁定用户调整字段大小的能力。

/*
  Assuming we're working with a monospaced font
  Your em value will need to be adjusted depending
  on the font you actually wind up going with.
*/
textarea { width:12em; resize:none; }

<textarea name="Text1" rows="5"></textarea>