Contact Form 7を使ったプロフィールカード付きのメールフォーム2

wordpressのプラグインであるContact Form 7を使ったプロフィールカード付きのメールフォームです。
こちらはカードがラウンドになっています。
レスポンシブ対応により、幅480px以下で左にあるカードが上に移動します。

<div class="cp_cf7name">[text* cp_name placeholder "name"]</div>
<div class="cp_cf7email">[email* cp_email placeholder "email"]</div>
<div class="cp_cf7telephone">[tel cp_telephone placeholder "telephone"]</div>
<div class="cp_cf7subject">[select cp_subject first_as_label "Please select" "subject1" "subject2" "subject3"]</div>
<div class="cp_cf7textarea">[textarea cp_textarea placeholder "textarea"]</div>
<div class="cp_cf7submit">[submit "submit"]</div>

*フォームはデモモードになっていますので送信はされませんが、エラーのチェックは可能です。
*サンプルの必須項目は「Name」と「email」です。

The post [パーツ]wordpress Contact Form 7を使ったプロフィールカード付きのメールフォーム2 first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

Contact Form 7を使ったプロフィールカード付きのメールフォーム

wordpressのプラグインであるContact Form 7を使ったプロフィールカード付きのメールフォームです。
レスポンシブ対応により、幅480px以下で左にあるカードが上に移動します。

<div class="cp_cf7name">[text* cp_name placeholder "name"]</div>
<div class="cp_cf7email">[email* cp_email placeholder "email"]</div>
<div class="cp_cf7telephone">[tel cp_telephone placeholder "telephone"]</div>
<div class="cp_cf7subject">[select cp_subject first_as_label "Please select" "subject1" "subject2" "subject3"]</div>
<div class="cp_cf7textarea">[textarea cp_textarea placeholder "textarea"]</div>
<div class="cp_cf7submit">[submit "submit"]</div>

*フォームはデモモードになっていますので送信はされませんが、エラーのチェックは可能です。
*サンプルの必須項目は「Name」と「email」です。

The post [パーツ]wordpress Contact Form 7を使ったプロフィールカード付きのメールフォーム first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

Contact Form 7を使ったシンプルなメールフォーム2

wordpressのプラグインであるContact Form 7を使ったシンプルなメールフォーム2です。
こちらはエリアごとにhoverで背景の色が変わります。

<div class="cp_cf7name">[text* cp_name placeholder "name"]</div>
<div class="cp_cf7email">[email* cp_email placeholder "email"]</div>
<div class="cp_cf7telephone">[tel cp_telephone placeholder "telephone"]</div>
<div class="cp_cf7subject">[select cp_subject first_as_label "Please select" "subject1" "subject2" "subject3"]</div>
<div class="cp_cf7textarea">[textarea cp_textarea placeholder "textarea"]</div>
<div class="cp_cf7submit">[submit "submit"]</div>

*フォームはデモモードになっていますので送信はされませんが、エラーのチェックは可能です。
*サンプルの必須項目は「Name」と「email」です。

The post [パーツ]wordpress Contact Form 7を使ったシンプルなメールフォーム2 first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

Contact Form 7を使ったシンプルなメールフォーム

wordpressのプラグインであるContact Form 7を使ったシンプルなメールフォームです。

<div class="cp_cf7name">[text* cp_name placeholder "name"]</div>
<div class="cp_cf7email">[email* cp_email placeholder "email"]</div>
<div class="cp_cf7telephone">[tel cp_telephone placeholder "telephone"]</div>
<div class="cp_cf7subject">[select cp_subject first_as_label "Please select" "subject1" "subject2" "subject3"]</div>
<div class="cp_cf7textarea">[textarea cp_textarea placeholder "textarea"]</div>
<div class="cp_cf7submit">[submit "submit"]</div>

*フォームはデモモードになっていますので送信はされませんが、エラーのチェックは可能です。
*サンプルの必須項目は「Name」と「email」です。

The post [パーツ]wordpress Contact Form 7を使ったシンプルなメールフォーム first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

フラットなメールフォーム

フラットなメールフォームです。

The post [パーツ]メールフォーム　フラットなメールフォーム first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

フィールド内に右から項目が出てくる

作りはシンプルですがフィールド内に右から項目が出てくるメールフォームです。

The post [パーツ]メールフォーム　フィールド内に右から項目が出てくる first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

フィールド内に下から項目が出てくる

作りはシンプルですがフィールド内に下から項目が出てくるメールフォームです。

The post [パーツ]メールフォーム　フィールド内に下から項目が出てくる first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

シンプルなメールフォームです。

The post [パーツ]メールフォーム　シンプルなメールフォーム first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.