Question

当我尝试将具有多行空行的文本放入HTML的文本区域时，浏览器将忽略它们，而不显示它们。我的目的是允许用户在保留所有新行的同时编辑其文本。

如果我这样说：

text a\n\n\ntext b\ntextc

浏览器显示：

text a
text b
text c

我的目的：

text a


text b
text c

Answer 1

我相信您需要为此使用
标记：https://www.w3schools.com/tags/tag_br.asp

Answer 2

此代码将“ abc”和两个换行符分别添加到文本区域。这适用于Chrome和Edge。如果看不到，可能是您正在使用的浏览器。而且，如果您仍然遇到问题，可以使用div代替textarea（div对我来说似乎更友好，我不知道为什么）。正如另一个答案所暗示的那样，br有时在斜杠-n不起作用时起作用。

    <script type="text/javascript">
        function btnTest_Click() {
            var d = document.getElementById("txt1");
            d.innerHTML += 'abc\n\n';
        }
    </script>
    <div>
        <textarea id="txt1" rows="10" cols="25"></textarea>
        <input type="button" value="test" onclick="btnTest_Click()" />
    </div>

为什么浏览器会忽略HTML文本区域内的新空行？

2 个答案: