2015年3月24日火曜日

Contact Form 7の 「input」タグに属性を追加する方法

Contact Form 7には、生成されるタグにclassやidを付与できます。
ただしこれは展開されると、<span class="◯◯"><input ..... ></span>など、spanタグで括られてしまいます。classなどはそれでもいいのですが、onClickとか付与したい場合どうしたらいい?

という質問があったので手持ち環境で試してみました。
以前、[resolved] Include Custom Shortcodes in Form? (WordPress Forum)にて、Contact Form 7の要素に対して何か処理する関数を作れることはわかっていたので、やってみました。

具体的に説明するため、

  • チェックボックスに「onClick="hogehoge(this,'t')"」 を付与する
方法を例に出して説明します。
つまり
  •  <input type="checkbox" ....> → <input onClick="hogehoge(this,'t')" type="checkbox" ...> 
にするこいうことです。

仕組み