html - 文本区域中的换行符被忽略

标签 html css forms textarea

好吧,这是一个很常见的奇怪问题,但我似乎无法在任何地方找到解决方案。

我正在从数据库文本字段中提取数据以显示在文本区域中以进行编辑。但文本区域不会显示空行。

示例:

数据库数据

This is a line of text

this is another line of text with a line break above.

这就是 TEXTAREA 中显示的内容

This is a line of text
this is another line of text with a line break above.

有谁知道如何让空行真正在实际的 HTML 文本区域中表示。

最佳答案

对于输出,添加以下内容:

<style type="text/css">
.textareaOutput {
    white-space: pre-wrap;
}
</style>

关于html - 文本区域中的换行符被忽略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29041044/

相关文章:

css - 延迟 CSS 的问题

css - Icomoon - 我可以使用 icomoon chrome 插件在没有任何许可的情况下生成图标字体吗?

jquery - AJAX、jQuery、Javascript、表单提交和 setTimout() 问题

php - 如何在同一页面上放置两个表单?

javascript - 在加载 HTML 表格中的每一行时添加延迟

css - 父级内的两个独立文本翻转不连贯的文本翻转

html - header 与元数据相同吗?

forms - Angular 4中的自定义数据验证

javascript - 使用 window.location 使用 javascript 和 html 传输网页时,我做错了什么吗

javascript - 具有自定义范围步骤的范围 slider (a - b- c- d - .. - z)