如何使用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