web-dev-qa-db-ja.com

カスタム送信ボタン

送信ボタンを作成し、カスタムクラススタイルとともにカスタムタイトルを定義するにはどうすればよいですか？

cakephpformsbuttonsubmit
15
user198003

また、いつでもできることを忘れないでください古い学校

私は引数なしで$this->Form->end( );を使用し、独自の送信ボタンとマークアップを作成することを好みます。それは簡単です

_<div class="buttons clearfix">
    <button type="submit" class="positive">
        <span class="icon-wrapper"><img src="path/to/tickmark.png" alt="" title="" /></span>
        Save Item
    </button>
</div>
_

また、$this->Form->input('Model.field', 'options' => array( array('type' => 'button')));、特にbefore、between、after、classオプションを試してみることをお勧めします。ヘルパーを使用して、かなりの柔軟性を備えた_<input type="button" />_要素を作成できます。

10
Abba Bryant

submit()メソッドの代わりに、フォームヘルパーの button() または end() メソッドのいずれかを使用できます。例えば：

_echo $this->Form->submit(
    'Send', 
    array('class' => 'custom-class', 'title' => 'Custom Title')
);
_

フォームを閉じることを忘れないでください。引数なしでend()メソッドを呼び出すことでそれを行うことができます。

_echo $this->Form->end();
_
33
Mike

このコードでカスタム送信を作成できます

echo $this->Form->submit(
    'Submit', 
    array('div' => false,'class' => 'urclass', 'title' => 'Title')
);
3
chetanspeed511987

これで十分です：

echo $this->Form->submit("Custom message");

また、@ Mikeが提案しているように、フォームを閉じる

echo $this->Form->end();
2
Nik Chankov

または、両方を次のものと組み合わせることができます。

echo $this->Form->end("Custom Message");
0
user384822

インラインスタイルを使用してサイズを指定し、位置を中央に変更する、app/webroot/imgの下の画像を使用してカスタムボタンを作成しました

$options=array('type'=>'Make secure payment', 'type'=>'image', 'style'=>'width:200px; height:80px; display:block; margin-left:auto; margin-right:auto;');
echo $this->Form->submit('/img/axiaepaysecurebuttongray_med.png', $options);
echo $this->Form->end();
0
zzirGrizz

CakePHP 2.xの場合、次を使用できます

$options = array(
    'label' => 'Update',
    'div' => array(
        'class' => 'glass-pill',
    )
);
echo $this->Form->end($options);
0
Andre Sugai