Formspree表单不适用于自定义设计的联系表单

时间:2018-06-16 14:12:31

标签: html5 forms css3 contact-form

我在github上托管一个网站,即githubpages.AS这是一个静态网站,我使用 Formspree 作为我的联系表单,但遗憾的是它不能使用自定义设计的联系表单(带有放入指定字段的必需参数)。 但最后点击提交按钮完全没有动作.. 这是我为表单实现的代码。

<div class="col-lg-6">
        <form action="action="https://formspree.io/jmscb56@gmail.com" method="POST" role="form" class="contactForm">
          <div class="row">

            <div id="sendmessage">Your message has been sent. Thank you!</div>
            <div id="errormessage"></div>

            <div class="col-lg-6">
              <div class="form-group contact-block1">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="form-group">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
            </div>

            <div class="col-lg-12">
    <div class="form-group">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                <div class="validation"></div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="form-group">
                <textarea class="form-control" name="message" rows="6" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                <div class="validation"></div>
              </div>
            </div>

            <div class="col-lg-12">
          <!--    <input type="submit" class="btn btn-defeault btn-send" value="Send"> -->
     <button type="submit" value="Send">Send</button>
            </div>
    <input type="hidden" name="_next" value="https://ghac-2017.github.io/#contact" />

          </div>
        </form>
      </div>

任何帮助都会受到赞赏。因为我找不到我感到缺乏的东西..

1 个答案:

答案 0 :(得分:1)

实际上,您不能按照自己的自定义使用formspree表单,即,编辑基本(给定/分配的)表单值。当您使用给定的表单值而不进行自己的自定义设置时,它将很好地工作;如果您通过formspree编辑给定表单的基本布局,它将失去其功能。