Question

如何获得嵌套在手风琴中的联系表单以实际提交消息？我做过研究，但我似乎无法找到工作解决方案。我遇到的最大问题是由于我的主机设置，我不能使用PHP 我的手风琴在常见问题页面上。无论我在哪里添加流动代码，当我尝试联系表格时都不会提交电子邮件。如果我将液体添加到页面中的html，它会显示为可查看的文本。这是我手风琴中的当前代码。表单显示正确，但不会提交电子邮件。请注意，我是编码的新手。

<div class="accordion" id="section4_1"><strong>STILL HAVE QUESTIONS</strong><span></span></div>
<div class="container">
<div class="content">
<div class="accordion" id="section4_2"><strong>Contact us...</strong><span></span></div>
<div class="container">
<div class="content">
<div id="contactFormWrapper">
<p>THIS FORM IS CURRENTLY UNDER CONSTRUCTION. PLEASE EMAIL US at cs@XXXXXX.com for any questions. <label>Your Name:</label><br /> <input id="contactFormName" name="contact[name]" placeholder="John Doe" type="text" /></p>
<p><label>Business Name:</label><br /> <input id="contactFormName" name="contact[name]" placeholder="John Doe Company" type="text" /></p>
<p><label>Email:</label><br /> <input id="contactFormEmail" name="contact[email]" placeholder="john@example.com" type="email" /></p>
<p><label>Message:</label><br /> <textarea rows="15" cols="75" id="contactFormMessage" name="contact[body]" placeholder="Your Message"></textarea></p>
<p><input id="contactFormSubmit" value="Send" class="btn" type="submit" /></p>
</div>
</div>
</div>
</div>
</div>

以下是工作联系表格代码，但无论我在何处放置液体代码部分，我都无法获得所需的结果。如果我将液体添加到html中，无论它显示为文本。如果我将液体添加到我的faq.page.liquid中，它什么都不做。

  {% form 'contact' %}
        {% if form.posted_successfully? %}
        <div class="successForm feedback">
          <p>Thanks for contacting us! We'll get back to you as soon as possible.</p>
        </div>
        {% endif %}

        {% if form.errors %}
        <div class="errorForm feedback">
          <p>Oops, sorry. We were unable to submit your inquiry because it contained {{ form.errors | size | pluralize: 'an error', 'a few errors' }}. Please correct the following and submit again:</p>
          {% for field in form.errors %}
            <p>The {{ field | capitalize | replace: 'Body', 'Message' }} field {{ form.errors.messages[field] }}.</p>
          {% endfor %}
        </div>
        {% endif %}

        <div id="contactFormWrapper">
          <p>
            <label>Your Name:</label><br/>
            <input type="text" id="contactFormName" name="contact[name]" placeholder="John Doe" />
          </p>
          <p>
            <label>Business Name:</label><br/>
            <input type="text" id="contactFormName" name="contact[name]" placeholder="John Doe Company" />
          </p>
          <p>
            <label>Email:</label><br/>
            <input type="email" id="contactFormEmail" name="contact[email]" placeholder="john@example.com" />
          </p>
          <p>
            <label>Phone Number:</label><br/>
            <input type="telephone" id="contactFormTelephone" name="contact[phone]" placeholder="555-555-1234" />
          </p> 
          <p>
            <label>Message:</label><br/>
            <textarea rows="15" cols="75" id="contactFormMessage" name="contact[body]" placeholder="Your Message"></textarea>
          </p>
          <p>
            <input type="submit" id="contactFormSubmit" value="Send" class="btn" />
          </p>
        </div>
        {% endform %}

我的手风琴效果很好，我的表单出现了，但发送按钮实际上并没有提交消息。我可能不太擅长编码，但我可以按照指示行事！如果有人能告诉我需要添加哪些代码以及确切添加它的位置，我将非常感谢您的帮助！谢谢。

在手风琴中添加联系表格？

0 个答案: