Skip to content

Instantly share code, notes, and snippets.

@norilog4

norilog4/contact-form.html

Last active Mar 22, 2020
Embed
What would you like to do?
Contact Form 7 お問い合わせフォームのデザイン
<table class="inquiry">
<tr>
<th>
<span class="haveto">必須</span><span>お名前</span>
</th>
<td>
[text* your-name class:textsp placeholder"鈴木 花子"]
</td>
</tr>
<tr>
<th>
<span class="haveto">必須</span><span>メールアドレス</span>
</th>
<td>[email* your-email class:mailsp placeholder"xxxxx@gmail.com"]</td>
</tr>
<tr>
<th>
<span class="any">任意</span><span>電話番号</span>
</th>
<td>
[tel your-tel class:tel placeholder"090-0000-0000"]
</td>
</tr>
<tr>
<th>
<span class="haveto">必須</span><span>お問い合わせ種別</span>
</th>
<td>
[select* contact-menu include_blank "●●種別1●●" "●●種別2●●" "●●種別3●●" "●●種別4●●" "●●種別5●●"]
</td>
</tr>
<tr>
<th>
<span class="haveto">必須</span><span>お問い合わせ内容</span>
</th>
<td>
[textarea* your-message class:content placeholder "具体的なお問い合わせ内容をご記入ください"]
</td>
</tr>
</table>
<p>[acceptance accept-this-1 class:input2] スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。[/acceptance]</p>
<center>[submit id:formbtn "上記の内容で送信する"]</center>
<center><small>このサイトはreCAPTCHAによって保護されています。Googleの<a href = "https://policies.google.com/privacy">プライバシーポリシー</a><a href = "https://policies.google.com/terms">利用規約</a>が適用されます。</small></center>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.