我想在文本区添加换行符。我尝试了\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>
当前回答
试试这个:
这是我的语句1。这是我的语句2</textarea>
& # 10;换行和 回车都是HTML实体。通过这种方式，您实际上是在解析新行(“\n”)，而不是将其显示为文本。
其他回答
使用CSS在Textarea中输入关键字行:
white-space: pre-wrap;
如果你使用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 });
}
你可能想用\n而不是/n。
你还应该检查元素的css空白属性(mdn docs)，确保它被设置为一个不抑制换行的值，例如:
white-space: pre-line;
你会对这3个值感兴趣:
精准医疗 保留了空白的序列。线路只有在 源和<br>元素中的换行符。 pre-wrap 保留了空白的序列。线路断在 换行符，在<br>处，以及必要时填充行框。 行前空白序列被折叠。线路断在 换行符，在<br>处，以及必要时填充行框。
一个简单自然的解决方案，不涉及CSS样式或数字字符引用，如 将使用&换行符;字符实体引用:
The cardinal directions are:
- North
- East
- South
- West
注意:因为它被简单地定义为LF(换行，或U+000A Unicode码位)字符，所以不能100%确定它是否适合需要整个CR + LF(回车+换行)序列的情况。但后来，它在我在Windows 10上进行的Chrome、Edge和WebView2测试中都能运行，所以应该可以使用。
