google-form-custom-ajax

<div class="p-formArea" id="postForm">
  <form class="p-form" v-on:submit.prevent="submit" v-if="showForm">
    <div class="p-formGroup__select u-mb20">
      <label class="u-color-main" for="contactType">お問合せ内容</label>
      <select id="contactType" v-model="contactType">
        <option value="Webサイト構築">Webサイト構築</option>
        <option value="SEO改善">SEO改善</option>
        <option value="SNS運用">SNS運用</option>
        <option value="アプリ開発">アプリ開発</option>
        <option value="その他">その他</option>
      </select>
    </div>
    <div class="p-formGroup u-mb20">
      <label class="u-color-main" for="userName">お名前</label>
      <input id="userName" type="text" v-model="userName" required>
    </div>
    <div class="p-formGroup u-mb20">
      <label class="u-color-main" for="email">メールアドレス</label>
      <input id="email" type="text" v-model="email" required>
    </div>
    <div class="p-formGroup u-mb20">
      <label class="u-color-main" for="content">ご依頼内容</label>
      <textarea id="content" v-model="content" required></textarea>
    </div>
    <div class="p-form__btn">
      <input type="submit" value="送信する">
    </div>
  </form>
  <div class="p-formSucess" v-else>
    <p class="c-text--lg u-txt-center u-color-main">ご登録ありがとうございます!</p>
    <p class="c-text u-txt-center">入力頂いた内容が登録されました。入力内容は全てダミー情報として扱います。</p>
    <div class="c-btn"><a class="c-btn__link" href="/">入力画面を表示</a></div>
  </div>
</div>