Contact Form 7 1.7.6

Contact Form 7 / Download

Acceptance type of form tag newly added. Got more HTML-valid a bit.

New tag type: acceptance

A tag with acceptance type generates a checkbox with some JavaScript gimmick. You can use it as a test confirming if the sender has accepted specific terms.

Example

[acceptance foo] Check this if you want to send.

By default, submit buttons in the form are enabled when the acceptance checkbox is checked.

acceptance-1.png

Disabled when not checked.

acceptance-2.png

With invert option, this rule is inverted. Submit buttons are enabled when you uncheck it and disalbed when you check it.

Example

[acceptance bar invert] Uncheck this if you want to send.

You can use multiple acceptances in the same form.

acceptance-3.png

More valid

I fixed some HTML-invalid codes.

  • Add alt attribute to <img />
  • Add cols and rows attribute to <textarea>
  • Add size attribute to <input type="text" />

The last one is not for HTML-valid, it’s for users who claims default size of text input field is too small. The default size now is 40, in most of browsers it’s larger than before.

If you still have HTML-invalid codes not yet fixed, please let me know.


(In Japanese from here.)

acceptance タイプのフォーム用タグが新たに追加されました。HTML の仕様に反していた部分を少し修正しました。

新しいタグ: acceptance

acceptance タイプのタグは JavaScript の仕掛けが組み込まれたチェックボックスを生成します。送信者が特定の条項を承諾したかどうかを確認するために使えます。

[acceptance foo] Check this if you want to send.

デフォルトでは、フォームの送信ボタンは acceptance のチェックボックスがチェックされている場合に有効になります。

acceptance-1.png

そしてチェックボックスがチェックされていない場合は無効になります。

acceptance-2.png

invert オプションをつけることでこのルールを反転させることができます。この場合、送信ボタンはチェックされている場合に無効で、チェックされていない場合に有効です。

[acceptance bar invert] Uncheck this if you want to send.

同じフォームの中で複数の acceptance を組み合わせて使うことも可能です。

acceptance-3.png

HTML をより正しく

いくつか HTML の仕様に反していた部分を修正しました。

  • <img />alt 属性を追加
  • <textarea>colsrows 属性を追加
  • <input type="text" />size 属性を追加

最後のは HTML 仕様に従うためというよりは、デフォルトのテキストフィールドのサイズが小さすぎるというユーザの声に応えての変更です。デフォルトで size="40" になったのでたいていのブラウザでは前より大きくなっているはずです。

14 thoughts on “Contact Form 7 1.7.6

  1. I really like your work here, but I have a question about one thing. How do I get checkboxes and radio buttons to be listed on one line each? When I have multiple choices, they are coming up in a paragraph type of way and it’s hard to see which checkbox goes with which selection. Here’s a screen capture of what I mean:

    What do you think? As a side thought, how can I attach a CSS class to the images used for CAPTCHA and the ajax loading icon?

    Again, great work here!

  2. Wonderful plugin. But is there a way to make the submit button centered? Currently, it sits off-center…

  3. Fokjulle,

    Because there is a hidden ajax-loader icon next to the submit button. I don’t suggest but you can remove it or do display: none in your CSS.

  4. when i create checkboxes they apear in the center of the page even though everything else is aligned to left.
    any idea?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s