HTML 标签在 <textarea> 中不起作用？ [复制]

Posted 2023-05-07

【中文标题】HTML 标签在 <textarea> 中不起作用？ [复制]

【英文标题】：HTML tag not works inside <textarea>? [duplicate]

【发布时间】：2019-01-10 07:54:16

【问题描述】：

这是我的代码：

   <textarea  rows='15'  cols='90'  name="activities">  
        <?php
        echo "<p style='color: green;'>text area is here</p>";
        ?> 
    </textarea>

输出为<p style='color: green;'>text area is here</p>； 但我希望输出为绿色的text area is here。请提供一些提示？

【问题讨论】：

文本区域不是这样工作的。您需要将样式放在 <textarea> 元素本身上。

不要在 textarea 标签内使用 html 标签

如前所述；您不应该在文本区域中呈现 HTML。您应该只显示纯文本。

如果您真的需要这样做，您可以使用我的答案here 的一些衍生产品，但这意味着您将手动渲染代码。

【参考方案1】：

你的方法不正确。

您可以使用内联样式将字体颜色设置为绿色，

<textarea style="color:green;"  rows="15"  cols="90"  name="activities">  
text area is here
</textarea>

或

在你的主 html 页面的 head 部分的样式标签内定义它，例如，

<style>
textarea
color: green;

</style>

或者，您可以在外部样式表中设置 textarea 输入的样式，例如，

textarea
color: green;

您也可以为 textarea 输入分配一个 id 或一个类，然后添加 css 样式。

【参考方案2】：

为什么不直接使用 css 将 <textarea> 中的文本变为绿色？

textarea 
    color: green;

并删除<textarea> 中的<p> 标签，这样你就只有：

<textarea  rows='15'  cols='90'  name="activities">
    text area is here
</textarea>

textarea 
  color: green;

<textarea  rows='15'  cols='90'  name="activities">
    text area is here
</textarea>