Skip to content

Instantly share code, notes, and snippets.

@Kazuki-tam
Last active January 26, 2020 15:57
Show Gist options
  • Save Kazuki-tam/9e9c7dcb26607015f8bfc379e28e7905 to your computer and use it in GitHub Desktop.
Save Kazuki-tam/9e9c7dcb26607015f8bfc379e28e7905 to your computer and use it in GitHub Desktop.
<form class="p-form" action="">
<!-- お問い合わせ内容 セレクトボックス -->
<div class="p-formGroup p-formGroup__select u-mb20">
<label for="contactType">お問い合わせ内容</label>
<select name="" 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="" required>
</div>
<!--//END お名前 テキスト入力 -->
<!-- メールアドレス入力 -->
<div class="p-formGroup u-mb20">
<label for="email">メールアドレス</label>
<input type="email" id="email" name="" required>
</div>
<!--//End メールアドレス入力 -->
<!-- ご依頼内容 テキスト入力 -->
<div class="p-formGroup u-mb20">
<label for="content">ご依頼内容</label>
<textarea id="content" name="" required></textarea>
</div>
<!--//End ご依頼内容 テキスト入力 -->
<!-- 送信 -->
<div class="p-form__btn">
<input type="submit" value="送信する">
</div>
<!--//End 送信 -->
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment