如果你使用react

函数内部

const handleChange=(e)=>{
const name = e.target.name;
let value = e.target.value;
value = value.split('\n').map(str => <span>{str}<br/></span>);
SetFileds({ ...fileds, [name]: value });
}

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

white-space: pre-wrap;

只需使用<br> 例:

<textarea>
blablablabla <br> kakakakakak <br> fafafafafaf 
</textarea>

论点: blablablabla是fafafaf的哥哥

试试这个。工作原理:

<textarea id="test" cols='60' rows='8'>This is my statement one.&#10;This is my statement2</textarea>

替换<br>标签:

$("textarea#test").val(replace($("textarea#test").val(), "<br>", "&#10;")));

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

This is my statement2</textarea>

提琴显示它的工作:http://jsfiddle.net/trott/5vu28/。

如果你真的想让它在源文件中的单行上，你可以插入HTML字符引用，用于换行和回车，如@Bakudan的回答所示:

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

一个简单自然的解决方案，不涉及CSS样式或数字字符引用，如&#13;&#10;将使用&换行符;字符实体引用:

The cardinal directions are:
- North
- East
- South
- West

注意:因为它被简单地定义为LF(换行，或U+000A Unicode码位)字符，所以不能100%确定它是否适合需要整个CR + LF(回车+换行)序列的情况。但后来，它在我在Windows 10上进行的Chrome、Edge和WebView2测试中都能运行，所以应该可以使用。