Question

我有一个WordPress网站，顶部有一个栏，可以向其中添加自定义代码。

我正在尝试在此栏中添加Infusionsoft电子邮件注册表单，我希望所有内容都在同一行。当前，它在第一行显示字段标签，然后在第二行显示电子邮件字段，然后在第三行显示提交按钮。

我可以在此表单和自定义代码框中添加所需的任何代码，也可以将自定义CSS添加到主题选项中。

我尝试了很多事情，其中一些几乎可以正常工作，但我无法弄清楚。

任何帮助将不胜感激。

这是我的表单代码：

<form accept-charset="UTF-8" action="https://ca383.infusionsoft.com/app/form/process/647e604918a3f0a0c52cd6b907f9d7d3" class="infusion-form" id="inf_form_647e604918a3f0a0c52cd6b907f9d7d3" method="POST">
<input name="inf_form_xid" type="hidden" value="647e604918a3f0a0c52cd6b907f9d7d3">
<input name="inf_form_name" type="hidden" value="Web Form submitted">
<input name="infusionsoft_version" type="hidden" value="1.70.0.80421">
<div class="infusion-field">
    <label for="inf_field_Email">Sign Up For Weekly Tips and Specials Offers!</label>
    <input class="infusion-field-input" id="inf_field_Email" name="inf_field_Email" placeholder="Email *" type="text">
</div>
<div>
    <div>&nbsp;</div>
</div>
<div class="infusion-submit">
    <button type="submit">Submit</button>
</div>

Answer 1

我将输液提交div移到了输液字段div中。我使用display flex和flex-direction行在同一行上实现它们。

我知道您使用的是文字印刷机，可能只是复制和粘贴代码。如果您打算进行网页设计工作，那么值得学习HTML和CSS。实际上，它并不那么复杂，您将对网站上的内容拥有如此多的控制权！

*编辑为中心内容

<form accept-charset="UTF-8" action="https://ca383.infusionsoft.com/app/form/process/647e604918a3f0a0c52cd6b907f9d7d3" class="infusion-form" id="inf_form_647e604918a3f0a0c52cd6b907f9d7d3" method="POST">
  <input name="inf_form_xid" type="hidden" value="647e604918a3f0a0c52cd6b907f9d7d3">
  <input name="inf_form_name" type="hidden" value="Web Form submitted">
  <input name="infusionsoft_version" type="hidden" value="1.70.0.80421">

  <div class="infusion-field" style="display:flex; flex-direction: row; justify-content: center;">
    <label for="inf_field_Email">Sign Up For Weekly Tips and Specials Offers!</label>
    <input class="infusion-field-input" id="inf_field_Email" name="inf_field_Email" placeholder="Email *" type="text" style="margin-right: 10px;">
    <div class="infusion-submit">
      <button type="submit">Submit</button>
    </div>
  </div>
</form>

我需要帮助，将电子邮件注册表单的所有元素放在同一行

1 个答案: