将html内容添加到隐藏的表单字段

时间:2010-03-02 16:10:12

标签: html forms cdata

是否可以将一大块html内容传递给隐藏字段,我该怎么做?

由于

乔纳森

3 个答案:

答案 0 :(得分:1)

您可以使用Javascript:

执行此操作
<input type="hidden" id="htmlCodes" />
document.getElementById("htmlCodes").value = "<strong>Hello World</strong>";

当您将值传递到隐藏的表单字段时,请确保您的值已正确转义。

在线演示:http://jsbin.com/ubofu/edit

答案 1 :(得分:1)

是的 - 只需HTML encode内容(例如将“&lt;”替换为“&amp; lt”等...)

您没有指定用于填充字段值的语言,因此我无法提供有关如何编码的详细信息。

这是reference of how to do it in jQuery

Here's Java

答案 2 :(得分:0)

您还可以在处理内部内容后“生成”隐藏的textarea。

这可以通过Jquery轻松完成:

$('#your_form')
.append('<textarea name="content" class="hidden">' + your_content + '</textarea>');

这里我们假设你有一个“隐藏”类,Bootstrap有一个,但你也可以使用它:

CSS代码:

.hidden 
{ 
  display: none !important ; 
  visibility: hidden !important; 
}