Aweber电子邮件表格不会显示内联

时间:2014-03-31 21:48:47

标签: css twitter-bootstrap

使用Bootstrap CSS处理表单时,将表单类设置为" form-inline",但由于某种原因,表单拒绝实际显示内联。

这是一个小提琴,显示问题:

http://jsfiddle.net/5wBzE/

这是HTML:

<iframe id="AweberFormSubmitFrame" style="display: none" name="AweberFormSubmitFrame" src="about:blank"></iframe>
<form id="before_header" target="AweberFormSubmitFrame" method="post" class="form-inline" action="http://www.aweber.com/scripts/addlead.pl">
<div style="display: none;">
    <input type="hidden" name="meta_web_form_id" value="2074084490" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="listname" value="foreverjobless" />
    <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou.htm?m=default" id="redirect_f916c5c4ae42ade190efaef62fd11c16" />
    <input type="hidden" name="meta_adtracking" value="FJ:_Header" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="email" />
    <input type="hidden" name="meta_tooltip" value="" />
</div>
<div class="af-element">
    <div class="form-inline">
        <input class="text form-control" id="awf_field-60198198" type="text" name="email" value="" tabindex="500" />
    </div>
    <div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
    <button name="submit" onClick="return _submit_form_header(this.form);" class="submit btn btn-primary btn-lg" type="submit" value="Submit" tabindex="501">Subscribe</button>
    <div class="af-clear"></div>
</div>
</div>
</div>
<div style="display: none;">
    <img src="http://forms.aweber.com/form/displays.htm?id=TAzsLAwcLCycDA==" alt="" />
</div>
</form>
<div id="after_header" style="width:99%;border:gray 1px solid;display:none;background-color:#ccc;Padding:5px;height:100px;">Thank you</div>

赞赏正确方向的任何提示或指示!

1 个答案:

答案 0 :(得分:0)

通过取出不必要的aweber div来解决这个问题。