在所需点之后在输入字段中中断文本

Question

我正在使用jquery对话框。在该框中，有文本字段。因此，在其中一个字段中，我希望文本显示在下一行中 经过一定的价值。在不同的地方，我看到人们使用\ n在第二行显示文字，但我不能相同。 这是我的文本字段的HTML

<input id=message class="inputFeild"  style="height:60px type="text">

这里是脚本，其中test1，test2，test3是一些变量，其值来自其他地方

var message = "Message is :"+test1+" \n "+"\n new line :"+ test2+"\n again new line " +test3

$(this).find('#message').val(message);

我也像这样使用它

var text = $('#message');
$(this).find(text).val(message)

以及

$(this).find(text).val("Message is :"+test1+" \n "+"\n new line :"+ test2+"\n again new line " +test3)

但是当我在console.log中使用相同内容时，我能够看到第二行。

如何在所需的点之后在第二行中断文本？

Answer 1

您可以使用 textarea 代替输入 使用 cols 和行属性为texareas大小：

<textarea rows="4" cols="50">