如何使用html（div/span）和css创建只读文本框结构？

Question

我有一个网页与一个只读的文本框，显示一些HTML代码：

<input type="text" readonly="true" value="<table>...</table>"/> 

另外也提交按钮，这会导致页面回传和XSS验证触发。我不想关闭XSS。

我也尝试禁用=“禁用”，但然后用户无法复制文本框中的文本。

所以我认为使用div和span可以给出相同的外观和感觉就足够了，并且不需要关闭验证。在尝试这个时，我努力将字符串限制在一行中。就像在文本框中一样，它是一个列大小的单行，文本显示得很好，我们也可以复制文本。

有什么我想要做的更好的解决方案？

Answer 1

如果我正确地理解了您的意思，您正试图在Web界面中显示一些示例代码，该代码格式化为供最终用户轻松使用。作为一般规则，您应该将代码片段封装在<pre></pre>标记中，然后我会建议您使用：http://alexgorbatchev.com/wiki/SyntaxHighlighter来格式化代码，就好像您在IDE中查看一样。

这将阻止您不必转动XSS检查器。

Answer 2

你可以使用<pre>标签

检查这个link