Skip to content

Instantly share code, notes, and snippets.

@Kazuki-tam
Last active March 7, 2020 16:16
Show Gist options
  • Save Kazuki-tam/36d2f70190a7672f47eaab3f39d9a9ee to your computer and use it in GitHub Desktop.
Save Kazuki-tam/36d2f70190a7672f47eaab3f39d9a9ee to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment