PRE 代码显示为文本

Question

我正在使用pre 代码将我的代码显示为文本框内的实际页面上的文本（有点像我们在这里所做的）。它正在工作，除了它显示实际单词<pre> 作为代码的一部分。如何删除它？

例子：

<form>
<textarea name="myTextBox" cols="100" rows="10">

<pre>
<!-- Add this into your Header -->

<style>
body .calculator_external{font-family:"Titillium",Arial,sans-serif;font-weight:300}.calculator_external p{margin:0px;padding:0px;border:0px none;font:inherit;vertical-align:baseline;line-height:1.6em;color:#666}
</style>
</pre>
</textarea>
</form>

例如，如果我删除 PRE 文本，它会这样做：

<br />
<!-- Add this into your Header --></p>
<style>

Answer 1

Textarea 和 Textbox 的值不会将 html 标记转换为其适当的输出。 它将接受 html 标签作为普通字符串。

Answer 2

<style>
    body .calculator_external
    {
        font-family: "Titillium", Arial, sans-serif;
        font-weight: 300
    }
    .calculator_external p
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
        font: inherit;
        vertical-align: baseline;
        line-height: 1.6em;
        color: #666
    }
</style>
<form>
    <textarea name="myTextBox" cols="100" rows="10"></textarea>
</form>