Last active
March 7, 2020 16:16
-
-
Save Kazuki-tam/36d2f70190a7672f47eaab3f39d9a9ee to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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