Как встроить форму в HTML-документ с помощью CSS - PullRequest
0 голосов
/ 18 декабря 2011

Я пытаюсь ввести форму в свой 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

Ответы [ 2 ]

0 голосов
/ 24 сентября 2015

Мне недавно пришлось это реализовать, и теперь формы поддерживают resizeCallback, поэтому вы можете установить высоту с помощью javascript

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

0 голосов
/ 18 декабря 2011

Проблема в высоте iframe, вам нужно добавить height:800px; к стилю iframe в HTML. В данный момент по умолчанию установлено слишком маленькое значение, поэтому в окне iframe отображается не все.

Поскольку iframe генерируется динамически с помощью JavaScript, должна быть возможность передать параметр высоты, как вы делаете width, если это так, то это исправит:

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

Если 800px не исправит это, вы можете попробовать 100% для роста, но в целом высота и проценты не очень хорошо сочетаются.

...