如何使用html(div / span)和css创建只读文本框的结构?

时间:2010-03-05 09:01:06

标签: html css

我有一个带有只读文本框的网页,其中显示了一些HTML代码:

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

还有提交按钮,可以触发页面回发和XSS验证。我不想关掉XSS。

我也尝试过disabled =“disabled”,但用户无法复制文本框中的文字。

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

对于我正在尝试做的事情,是否有更好的解决方案?

2 个答案:

答案 0 :(得分:2)

如果我理解正确,那么您正试图在网页界面中显示一些示例代码,这些代码的格式设计便于最终用户使用。

作为一般规则,您应该将代码段包装在<pre></pre>标记中,然后我建议您使用:http://alexgorbatchev.com/wiki/SyntaxHighlighter来格式化代码,就像在IDE中查看一样。< / p>

这样可以防止您必须关闭XSS检查程序。

答案 1 :(得分:0)

您可以使用<pre>代码

检查此link