2017-06-21 23 views
0

我創建了一個個人投資組合的網站與引導主題。電子郵件形式與formspree.io爲github.io頁面網站

它提供了預建的PHP表單提交,但我無法使用,因爲我在github.io頁面上託管網站。

我刪除了PHP文件夾/文件併爲formspree配置了html。我添加了formspree action = attribute以及表單中所有輸入元素的名稱屬性。畢竟它還沒有工作。請參閱我的代碼如下:

<form method="POST" action="https://formspree.io/[email protected]" name="sentMessage" id="contactForm" novalidate> 
        <div class="row control-group"> 
         <div class="form-group col-xs-12 floating-label-form-group controls"> 
          <label for="name">Name</label> 
          <input type="text" class="form-control" name="Name" placeholder="Name" id="name" required data-validation-required-message="Please enter your name."> 
          <p class="help-block text-danger"></p> 
         </div> 
        </div> 
        <div class="row control-group"> 
         <div class="form-group col-xs-12 floating-label-form-group controls"> 
          <label for="email">Email Address</label> 
          <input type="email" class="form-control" name="Email Address" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address."> 
          <p class="help-block text-danger"></p> 
         </div> 
        </div> 
        <div class="row control-group"> 
         <div class="form-group col-xs-12 floating-label-form-group controls"> 
          <label for="phone">Phone Number</label> 
          <input type="tel" class="form-control" name="Phone Number" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number."> 
          <p class="help-block text-danger"></p> 
         </div> 
        </div> 
        <div class="row control-group"> 
         <div class="form-group col-xs-12 floating-label-form-group controls"> 
          <label for="message">Message</label> 
          <textarea rows="5" class="form-control" name="Message" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea> 
          <p class="help-block text-danger"></p> 
         </div> 
        </div> 
        <br> 
        <div id="success"></div> 
        <div class="row"> 
         <div class="form-group col-xs-12"> 
          <button type="submit" class="btn btn-success btn-lg">Send</button> 
         </div> 
        </div> 
       </form> 

回答

0

它的工作,你會嘗試活服務器上。它重定向表格大禮包頁面,你不想去AJAX調用和使用

<input type="text" name="_gotcha" style="display:none;"/> 

_gotcha爲避免重新captcha。