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.
Disabled when not checked.
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 acceptance
s in the same form.
More valid
I fixed some HTML-invalid codes.
- Add
alt
attribute to<img />
- Add
cols
androws
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
のチェックボックスがチェックされている場合に有効になります。
そしてチェックボックスがチェックされていない場合は無効になります。
invert
オプションをつけることでこのルールを反転させることができます。この場合、送信ボタンはチェックされている場合に無効で、チェックされていない場合に有効です。
例
[acceptance bar invert]
Uncheck this if you want to send.
同じフォームの中で複数の acceptance
を組み合わせて使うことも可能です。
HTML をより正しく
いくつか HTML の仕様に反していた部分を修正しました。
<img />
にalt
属性を追加<textarea>
にcols
とrows
属性を追加<input type="text" />
にsize
属性を追加
最後のは HTML 仕様に従うためというよりは、デフォルトのテキストフィールドのサイズが小さすぎるというユーザの声に応えての変更です。デフォルトで size="40"
になったのでたいていのブラウザでは前より大きくなっているはずです。
14 replies on “Contact Form 7 1.7.6”
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!
Kevin,
it’s a mere *contact* form for basic use. what you need is a online order form.
Kevin,
I’ve wrote this for you (three months ago).
Custom layout for checkboxes and radio buttons (Contact Form 7 tips)
You can add classes to CAPTCHA image by using
class:*
option withcaptchac
, like[captchac your-captcha class:testing]
. And Ajax loading icon already hasajax-loader
class. Check it :)Hi, How can i insert a php query to add the form in a template? Thanks.
gastono,
Unfortunately, this plugin does not support such ways so far. You can insert forms into posts and text widgets only.
Um, completely invalid here:
http://validator.w3.org/check?uri=http://www.war59312.com/contact/
Just updated from 1.7.5 which only had 2 errors which I had fixed myself so 100% valid.
To be sure I went back to 1.7.5 and becomes 100% valid again.
Any thoughts? Thanks!
war59312,
Sorry about that. It’s my fault. I’ll fix it in next release.
Hi,
Excellent, thought I might have broken something.
Take Care,
Will
Wonderful plugin. But is there a way to make the submit button centered? Currently, it sits off-center…
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.Thanks for the 1.7.7 update. :)
Keep up the great work! Thank you!
wooow, thats cool and helpfull. Thnaks for sharing this.
when i create checkboxes they apear in the center of the page even though everything else is aligned to left.
any idea?