强制浏览器将Element显示为文本

Question

我遇到了一个奇怪的问题： 我得到的是动态生成的内容。在这种特殊情况下，我还将元素“ input”作为内容，然后由浏览器直接显示为元素。

我得到的：

<div class="search_result_content"> this is just text, but the code <input variable="" name=""> displays as an element

我需要什么：

Answer 1

您可能要添加'type =“ text”'，因此总计为

<input type="text" name="" value=""/>

否则，如果需要将输入添加到（例如）“ span”或“ div”，我建议使用JS或jQuery

Answer 2

$(document).ready(function() {
  $(".search_result_content").append('<input variable="" name="">');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="search_result_content"> this is just text, but the code  </div>

u在这种情况下，在将输入标签转换为html格式后动态插入输入标签