Formヘルパーのinputタグのdiv/labelなどの設定

cakephp

Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。
CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られています。恐らく、それを見越してのデフォルトでのフォーミングだと思いますが。

echo $this->Form->input( 'field', array());

<!-- HTML ->
<div class="input text">
    <label for="field">Field</label>
    <input id="field" type="text" name="data[field]">
</div>

divやlabelの出力をしない

ためには、それぞれにfalseをオプションとして設定します。これで、inputを囲っていたdiv要素が出力されなくなり、前のlabelも出力されなくなります。

echo $this->Form->input( 'field', array(
    'label' => false,    // labelを出力しない
    'div' => false       // divで囲わない
));

<!-- HTML ->
<input id="field" type="text" name="data[field]">

divやlabelのclassやテキストを設定する

こちらもオプションとしてそれぞれclassやtextを設定することで可能です。

echo $this->Form->input('field', array(
    'label' => array(
        'text' => 'message',       // labelに表示するテキスト
        'class' => 'control-label' // labelタグに付与するclass
    ),
    'div' => array(
        'class' => 'form-group'    // divタグに付与するclass
    ),
    'class' => 'form-control'      // inputタグに付与するclass
));

<!-- HTML ->
<div class="form-group">
    <label class="control-label" for="formdata3Field">message</label>
    <input id="formdata3Field" class="form-control" type="text" name="data[formdata3][field]">
</div>

その他idなども設定可能です。

その他

'class'には複数指定する場合があると思いますが、配列にするのではなくそれぞれをスペース区切りで書くようにして下さい。classに対してtrim処理が行われるらしく、配列に対してはtrimできません と怒られます。

Warning (2): trim() expects parameter 1 to be string, array given
[CORE/Cake/View/Helper.php, line 789]


Formヘルパー:/lib/Cake/View/Helper/FormHelper.php
Views > Helpers > FormHelper > Options
デモ
  • このエントリーをはてなブックマークに追加

関連記事

cakephp

recursive設定によるfind()性能改善

CakePHPでは、モデルにアソシエーションを設定している場合、recursive(=>joinする階層)はデフォルトで0に設定されています。「recursiveゼロ」の意味するところとは、「1跨ぎま

cakephp

(メール・URL・電話・郵便・IP) データ バリデーション

今回は、プロフィール情報に使用されるデータに絞ったバリデーションルールです。 バリデーションルール 以下の5つのバリデーションルールがコアに用意されています。 email メールアドレス

cakephp

独自のバリデーションルールを作成

CakePHPで組み込みバリデーションルールをつくる方法は、正規表現を定義する方法と独自メソッドを定義する方法の2つがあるようです。 参考 Custom Validation Rules 正規

no image

radioボタンを実装

Radioボタンの実装は、セレクトボックスとほぼ同じです。 個人的にはラジオボタンをすすんで使用することは少ないのですが、2択くらいの選択肢であれば非常に便利ですよね。 今回は、その実装方法 デモ

cakephp

複数ファイルアップロードフォーム

CakePHP 2.0からはHTML5が標準でサポートとなり、複数ファイルアップロードのためのフォーム記述が容易になりました。 View (ビュー) 配列 Array (

cakephp

ログローテーション

CakePHP 2.xではbootstrap.php内にあらかじめアプリケーションログの設定が書かれています。2.xで日付ごとにログファイルが切り替わるよう設定してみました。 日ごとにログを切り替え

cakephp

パス定数と変更方法やURLの取得

CakePHPは基本的にはディレクトリそのまま配置することで構築が可能ではありますが、設定パスを変更することでセキュリティに考慮した構成にすることや運用性をもたせたものにすることが可能になります。

cakephp

CakePHP 2.x インストール

現在まで私が商用・非商用にリリースしているCakePHPアプリケーションは全て1.3.xベースで作成しています。 まだまだロードマップ的には大丈夫そうですが、お客さん向けに納品しているアプリケーショ

cakephp

Markdown Plugin

「Markdown CakePHP Plugin」は、MarkDown書式をレンダリングしてくれるビューヘルパーです。MarkDownについて勉強しているうちに出会ったので試し打ちです。 ダウンロー

cakephp

RSSフィードの取得

コンロトーラ public function getrssfeed() { try { $newsItems = $this->Rss->read( 'http://

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

PAGE TOP ↑