【CakePHP】FORMヘルパーからHTMLへの変換

CakePHPは独自の書き方がありますが、結局これをブラウザで実行するときにはHTMLに変換されているため、どのように変換されるかを理解しておくことはとても大切です。今回は各FROMヘルパーとそこから変換されるHTMLをまとめてみました。

 

html開始・終了タグ 

cakephp(ver1.3)

<?php echo $form->create('Incident', 
           array('action'=>'add', 'type'=>'Post', "onSubmit"=>"return test()")); ?>
<?php echo $form->end()?>

cakephp(ver2.*)

<?php echo $this->Form->create(false, 
           array('url'=>array('controller'=>'incidents', 'action'=>'add')
                 , 'type'=>'Post', "onSubmit"=>"return test()")); ?>
<?php echo $this->Form->end()?>

html

<form onSubmit="return test()" id="IncidentAddForm" 
           method="post" action="/cake/incident/incidents/add">
    <input type="hidden" name="_method" value="POST" />
</form>

 

textareaタグ

cakephp(Ver1.3)

<?php echo $form->textarea('Incident.title', array('value'=>'', "cols"=>70, "rows"=>2));?>
<?php echo "<font color=red>","※50文字以内で入力してください" , "</font>";?>

cakephp(Ver2.*)

<?php echo $this->Form->textarea('Incident.title', array('value'=>'', "cols"=>70, "rows"=>2));?>
<?php echo "<font color=red>","※50文字以内で入力してください" , "</font>";?>

html

<textarea name="data[Incident][title]" cols="70" rows="2" id="IncidentTitle" ></textarea>
<font color=red>※50文字以内で入力してください</font>

 

buttonタグ

cakephp(ver1.3)

<!-- 登録ボタンを出力(このボタンと下にある登録ボタンの処理内容は同じ) -->
<?php echo $form->button("登録", array("type"=>"submit"));?>

cakephp(ver2.*)

<!-- 登録ボタンを出力(このボタンと下にある登録ボタンの処理内容は同じ) -->
<?php echo $this->Form->button("登録", array("type"=>"submit"));?>

html

<!-- 登録ボタンを出力(このボタンと下にある登録ボタンの処理内容は同じ) -->
<input type="submit" value="登録" /> 

selectタグ

cakephp(ver1.3)

<!-- 受付担当者を選択するセレクトボックスを出力 -->
<?php $prefectures = array("受付担当者" => array("sato"=>"佐藤"
                                               ,"kato"=>"加藤"
                                               ,"goto"=>"後藤"
                                               ,"kudo"=>"工藤"
                                               ,"fujimori"=>"藤森", ));?>
<?php $options = array("show Parents" => true);?>
<?php echo $form->select('Incident.reception_person', 
                $prefectures, null, $options, "(選択してください)" );?>

html

<!-- 受付担当者を選択するセレクトボックスを出力 -->
<select name="data[Incident][reception_person]" show Parents="1" id="IncidentReceptionPerson">
<option value="">(選択してください)</option>

<optgroup label="受付担当者">
<option value="sato">佐藤</option>
<option value="kato">加藤</option>
<option value="goto">後藤</option>
<option value="kudo">工藤</option>
<option value="fujimori">藤森</option>

</optgroup>
</select>

 

hiddenタグ

cakephp(ver1.3)

<?php echo $form->hidden("User.type", array("value" => "test")) ?>

cakephp(ver2.*)

<?php echo $this->Form->hidden("User.type", array("value" => "test")) ?>

html

<input type="hidden" name="data[User][type]" value="test" id="UserType"/>