我想在文本区添加换行符。我尝试了\n和<br/>标签,但不工作。你可以看到上面的HTML代码。你能帮我在文本区插入换行符吗?

<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea>

<textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea>

当前回答

使用CSS在Textarea中输入关键字行:

white-space: pre-wrap;

其他回答

你还应该检查元素的css空白属性(mdn docs),确保它被设置为一个不抑制换行的值,例如:

white-space: pre-line;

你会对这3个值感兴趣:

精准医疗 保留了空白的序列。线路只有在 源和<br>元素中的换行符。 pre-wrap 保留了空白的序列。线路断在 换行符,在<br>处,以及必要时填充行框。 行前空白序列被折叠。线路断在 换行符,在<br>处,以及必要时填充行框。

使用CSS在Textarea中输入关键字行:

white-space: pre-wrap;

你可能想用\n而不是/n。

试试这个:

这是我的语句1。这是我的语句2</textarea>

& # 10;换行和&#13;回车都是HTML实体。通过这种方式,您实际上是在解析新行(“\n”),而不是将其显示为文本。

我的.replace()函数使用其他答案中描述的模式无法工作。在我的案例中起作用的模式是:

var str = "Test\n\n\Test\n\Test";
str.replace(/\r\n|\r|\n/g,'&#13;&#10;');

// str: "Test&#13;&#10;&#13;&#10;Test&#13;&#10;Test"