blog

Just another WordPress site

お問い合わせ（サンプル１）

デフォルトのコンタクトフォームの例

    コンタクトフォーム７のソース

    <label> 氏名
    [text* your-name autocomplete:name] </label>

<label> メールアドレス
    [email* your-email autocomplete:email] </label>

<label> 題名
    [text* your-subject] </label>

<label> メッセージ本文 (任意)
    [textarea your-message] </label>

[submit "送信"]

    出力されるHTML

    <form action="/topics/contact-sample-1/#wpcf7-f20092-p20096-o1" method="post" class="wpcf7-form init" aria-label="コンタクトフォーム" novalidate="novalidate" data-status="init">
<fieldset class="hidden-fields-container">
  <input type="hidden" name="_wpcf7" value="20092" />
  <input type="hidden" name="_wpcf7_version" value="6.1.1" />
  <input type="hidden" name="_wpcf7_locale" value="ja" />
  <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f20092-p20096-o1" />
  <input type="hidden" name="_wpcf7_container_post" value="20096" />
  <input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</fieldset>
<p>
  <label> 氏名<br />
    <span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" autocomplete="name" aria-required="true" aria-invalid="false" value="" type="text" name="your-name" /></span>
  </label>
</p>
<p>
  <label> メールアドレス<br />
    <span class="wpcf7-form-control-wrap" data-name="your-email">
      <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" autocomplete="email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email" />
    </span>
  </label>
</p>
<p>
  <label> 題名<br />
    <span class="wpcf7-form-control-wrap" data-name="your-subject">
      <input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-subject" />
    </span>
  </label>
</p>
<p>
  <label> メッセージ本文 (任意)<br />
  <span class="wpcf7-form-control-wrap" data-name="your-message">
    <textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message">
    </textarea>
  </span>
  </label>
</p>
<p>
  <input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="送信" />
</p>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</form>

    blog