时间戳

首页 > 解决方案 > Formspree 表格不适用于定制设计的联系表格

html - Formspree 表格不适用于定制设计的联系表格

问题描述

我在 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>

任何帮助将不胜感激..因为我找不到我觉得缺少的东西..

标签： htmlformscsscontact-form

解决方案

实际上，您不能formspree根据自己的自定义使用表单，即编辑基本（给定/分配的）表单值。当您使用给定的表单值而没有自己的自定义时，它会很好地工作，如果您编辑给定表单的基本布局，它将失去其功能formspree。

推荐阅读