CakePHPのフォームに独自データ属性を付ける方法について

Question

CakePHP2.6.4を使用してウェブサイトを制作している者です。

次のようなフォームを作成しました。
Ajax処理をさせるため、JsHelperを使用しております。

<?php
echo $this->Form->create('Test', array('type' => 'post'));
echo $this->Js->submit('Update', array(
  'before' => $this->Js->get('#submit')->effect('fadeIn'),
  'success' => $this->Js->get('#submit')->effect('fadeOut'),
  'url' => '/submit',
  'update' => '#result'
));
echo $this->Form->end();
?>
<div id="submit">hogehoge</div>
<div id="result"></div>

このフォームのINPUTタグに独自データ属性(data-xxx)を付けたいのですが、
検索してみても、その方法が分かりませんでした。

もし、その方法をご存知でしたら、ご教示いただきたく思います。
どうか宜しくお願いいたします。

Answer 1

求めてる答えがあってるかわかりませんが
echo $this->Form->create('Test', array('type' => 'post','data-xxx'=>'10'));
でフォームにdata-xxx='10'が追加されるはずです。

Comments

[Zephyranthes]

FORMタグではなく、INPUTタグ(submit)の方にdata-xxxを付与したいという質問でした。説明不足で申し訳ございません。

[miso]

inputの方も方法は一緒だと思います。２列目の配列に連想配列で書けば独自データ属性だろうがnameやstyleもやれるはずです。

[Zephyranthes]

第2引数の配列の中に同様の記述をしてみましたが、data-xxxの属性を出すことが出来ませんでした。submitだと使えないのかもしれないですね。

Answer 2

FORMタグ自体に属性を付与させたいということでしょうか。
それであれば、

echo $this->Form->create('Test', array('type' => 'post'));

のオプション部分を追加することで可能ではないでしょうか。

echo $this->Form->create('Test', array('type' => 'post', 'data-hoge' => 'hogehoge'));

"type"や"action"などの決まった値は、特別な属性として処理されますので、そのあたりはご注意ください。

Comments

[Zephyranthes]

FORMタグではなく、INPUTタグ(submit)の方にdata-xxxを付与したいという質問でした。説明不足で申し訳ございません。

[supikid]

echo $this->Form->input('inputhoge', array('data-hoge' => 'hogehoge'));

こういうことですかね^^

[supikid]

submitでしたね＞＜失礼しました。
JsHelper:submitの属性ですか、ちょっと私もやったことがなかったです。

それはさておき、JsHelperは使わない方針で行ったほうが良いかもしれません。
=================================================
The JsHelper is currently deprecated and completely removed in 3.x. We recommend using regular JavaScript and directly interacting with JavaScript libraries where possible.

[Zephyranthes]

JsHelperは、3系では削除されていたのですか。有益な情報ありがとうございます！