メールフォーム例

Contact Form 7 プラグインを使って、いろんな機能を試してみました。
出来上がったフォームと、ソースコードをあわせてご覧ください。

サンプルフォーム

お名前
Eメール
URL
セレクトメニュー
チェック項目  A B C D E
選択項目  a b c d e
メッセージ
承認

サンプルソース

<div class="form">
<table>
<tr><th>お名前</th><td>[text* name-1 20/ akismet:author class:text_m]</td></tr>
<tr><th>Eメール</th><td>[email* email-1 20/ class:text_m akismet:author_email]</td></tr>
<tr><th>URL</th><td>[text url-1 40/ class:text_l akismet:author_url 'http://']</td></tr>
<tr><th>セレクトメニュー</th><td>[select* menu include_blank 'aaa' 'bbb' 'ccc']</td></tr>
<tr><th>チェック項目</th><td>[checkbox checkbox  'A' 'B' 'C' 'D' 'E']</td></tr>
<tr><th>選択項目</th><td>[radio radio 'a' 'b' 'c' 'd' 'e']</td></tr>
<tr><th>メッセージ</th><td>[textarea message 50x5 class:text_l]</td></tr>
<tr><th>CAPTCHA</th><td>画像に書かれた同じ文字を入力してください
[captchac captcha size:m][captchar captcha 4/4 class:text_s]</td></tr>
<tr><th>承認</th><td><label>[acceptance acceptance] 同意します</label></td></tr>
</table>
<div class='submit'>[submit '送信']</div>
</div>

これまでのコメント

  1. 送信フォームを作る [Contact Form 7] | WSC4 :

    [...] » サンプルフォームもご覧ください。 [...]

  2. imai :

    今、気がつきましたが、現バージョン1.7.7.1では、checkboxを使うとエラーになりますね。以前は大丈夫だったと思うので、近いうちに対応していただることでしょう。

この記事にコメントする

 

2010年3月
« 9月    
 123456
78910111213
14151617181920
21222324252627
28293031  

WEB標準(XHTML+CSS)合格

CSS Validator 検証 CSS Validator 検証

WSC4は、WEB標準に準拠したXHTML+CSSコーディングでValidator検証に合格しています。

Powered by WordPress, WP Theme designed by WSC Project. ログイン