我想在文本区添加换行符。我尝试了\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;换行和&#13;回车都是HTML实体。通过这种方式,您实际上是在解析新行(“\n”),而不是将其显示为文本。

其他回答

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

The cardinal directions are:&NewLine;- North&NewLine;- East&NewLine;- South&NewLine;- West

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

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

white-space: pre-wrap;

试试这个:

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

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

我认为你混淆了不同语言的语法。

& # 10;是HTML字符串中的换行字符文字(HtmlEncoded值为ASCII 10或)。但是换行字符在HTML中不会显示为换行符(见底部注释)。 \n是Javascript字符串中的换行字符文字(ASCII 10)。 <br/>是HTML中的换行符。许多其他元素,如<p>, <div>等也呈现换行符,除非被某些样式覆盖。

希望下面的插图能让你更清楚:

T.innerText = "Position of LF: " + t.value.indexOf("\n"); p1。innerHTML = t.value; p2。innerHTML = t.value。取代(“\ n”、“< br / >”); p3。innerText = t.value。取代(“\ n”、“< br / >”); </textarea> . <textarea id="t">第一行&#10 < p id = ' T ' > < / p > < p id =“p1”> < / p > < p id =“p2”> < / p > < p id =“p3”> < / p >

关于Html有几点需要注意:

TEXTAREA元素的innerHTML值不呈现Html。请尝试以下方法:<textarea>A < A href='x'>link</ A >。</textarea>查看。 P元素将所有连续的空格(包括新行)呈现为一个空格。 LF字符不会呈现为HTML中的新行或换行符。 TEXTAREA将LF渲染为文本区域框中的新行。

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