什么是显示类型化数据的最佳实践-textarea与p标签

时间:2019-03-22 10:27:18

标签: javascript html

我有一个用户创建个人资料的表格。表单中有一个文本区域,您可以在其中输入任何内容或说明。

稍后,当我想在仅查看屏幕中显示配置文件时,最佳做法是什么?要使用<p>标签还是html标签?

当我在<p>标签中显示数据时,我似乎丢失了段落等。

如果最佳实践是出于查看目的而使用只读文本区域,那么如何根据文本的长度动态调整行?

2 个答案:

答案 0 :(得分:0)

文本区域旨在接受用户输入,而不向用户显示数据。

您需要先处理提交的数据,然后再将其显示在用户个人资料上。通常,这涉及格式化(例如,将内容分成双倍的新行,然后用段落将结果的每个部分包装起来)并实施针对XSS攻击的保护措施。

对于格式化,您可以考虑使用Markdown引擎(类似于Stackoverflow所做的事情)。

答案 1 :(得分:-1)

使用<p>标签。 可以,但是您至少应通过以下两个功能在输出之前修改内容:

1)htmlentities()-防止XSS攻击并将任何html符号打印为文本

2)nl2br()-在<br/>符号(文本格式的新行)旁边添加\n标签(html新行)

您也可以查看<pre>标签,然后就不需要nl2br()函数