custom-google-form03

<script type="text/javascript">
  var submitted = false;
  var currentURL = window.location.href;
</script>

<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location=currentURL + 'thanks.html';}"></iframe>

<form class="p-form" action="https://docs.google.com/forms/(Googleフォームからコピペしてください)" target="hidden_iframe" onsubmit="submitted=true;">
  <!-- お問い合わせ内容 セレクトボックス -->
  <div class="p-formGroup p-formGroup__select u-mb20">
    <label for="contactType">お問い合わせ内容</label>
    <select name="entry.(Googleフォームからコピペしてください)" id="contactType">
      <option data-value="Webサイト構築" value="Webサイト構築">Webサイト構築</option>
      <option data-value="SEO改善" value="SEO改善">SEO改善</option>
      <option data-value="SNS運用" value="SNS運用">SNS運用</option>
      <option data-value="アプリ開発" value="アプリ開発">アプリ開発</option>
      <option data-value="その他" value="その他">その他</option>
    </select>
  </div>
  <!--//End お問い合わせ内容 セレクトボックス -->

  <!-- お名前 テキスト入力 -->
  <div class="p-formGroup u-mb20">
    <label for="userName">お名前</label>
    <input type="text" id="userName" name="entry.(Googleフォームからコピペしてください)" required>
  </div>
  <!--//END お名前 テキスト入力 -->

  <!-- メールアドレス入力 -->
  <div class="p-formGroup u-mb20">
    <label for="email">メールアドレス</label>
    <input type="email" id="email" name="entry.(Googleフォームからコピペしてください)" required>
  </div>
  <!--//End メールアドレス入力 -->

  <!-- ご依頼内容 テキスト入力 -->
  <div class="p-formGroup u-mb20">
    <label for="content">ご依頼内容</label>
    <textarea id="content" name="entry.(Googleフォームからコピペしてください)" required></textarea>
  </div>
  <!--//End ご依頼内容 テキスト入力 -->

  <!-- 送信 -->
  <div class="p-form__btn">
    <input type="submit" value="送信する">
  </div>
  <!--//End 送信 -->
</form>