首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用html (div/span)和css创建类似于只读文本框的结构?

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

Stack Overflow用户
提问于 2010-03-05 17:01:06
回答 2查看 1.9K关注 0票数 0

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

代码语言:javascript
运行
复制
<input type="text" readonly="true" value="<table>...</table>"/>

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

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

因此,我认为使用div和span可以提供相同的外观和感觉,这就足够了,并且消除了关闭验证的需要。在尝试此操作时,我很难将字符串限制在一行中。就像在文本框中一样,它是列大小的单行,文本显示得很好,我们也可以复制文本。

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-03-05 18:02:04

如果我理解正确的话,您正在尝试在web界面中显示一些示例代码,该界面经过格式化,便于最终用户使用。

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

这将避免您必须打开XSS检查器。

票数 2
EN

Stack Overflow用户

发布于 2010-03-05 20:07:57

您可以使用<pre>标记

检查此link

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2385539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档