如何使用css将表单嵌入到html文档中

Question

我想将表单输入到我的html中，当我查看页面时，我没有看到整个表单，只是表单的开始。代码位于我的html和表单脚本的下方。

<section id="content"> 
     <div class="container_12"> 
      <article class="a3"> 
       <h4>Careers</h4> 
        <p class="p2"> 

          <a name="form1160016477" id="formAnchor1160016477"></a> 
<script type="text/javascript" src="http://fs23.formsite.com/include/form/embedManager.js?1160016477"></script> 
<script type="text/javascript"> 
EmbedManager.embed({ 
    key: "http://fs23.formsite.com/res/showFormEmbed?EParam=m%2FOmK8apOTB8lIDHQTyQ62rYe2Y6sJfY&1160016477", 
    width: "100%" 

}); 
</script> 
<!-- Notes: 
To control the width of the form, change width: "100%" to any number or percentage. 
To pre-populate fields in the form or to use a custom resize callback, see http://fs23.formsite.com/documentation/embedded-form.html 
--> 

这里是网站：http://www.creativemindspcs.org/englishapplication.html

Answer 1

的问题是iframe的高度，你需要添加height:800px;到html中的iframe样式。目前它被设置为默认值，因此iframe窗口不会显示所有内容。

由于iframe要使用JavaScript动态生成的，应该可以在一个高度参数来传递像你这样的宽度，如果是这样的话，那么这将解决这个问题：

EmbedManager.embed({ 
    key: "http://fs23.formsite.com/res/showFormEmbed? EParam=m%2FOmK8apOTB8lIDHQTyQ62rYe2Y6sJfY&1160016477", 
    width: "100%", 
    height: "800px" 
}); 

如果TE 800像素没有按不修复它，你可以尝试100％的身高，但一般来说高度和百分比不会很好地混合。

Answer 2

最近我有实现这个和形式现在支持resizeCallback，使您可以设置高通过JavaScript

https://fs8.formsite.com/documentation/embedded-form.html