自定义提交按钮

时间:2010-07-05 20:54:38

标签: cakephp forms button submit

如何创建提交按钮,并在其上定义自定义标题以及自定义类样式?

7 个答案:

答案 0 :(得分:32)

您可以使用Form帮助程序的submit()button()方法,而不是end()方法。例如:

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

不要忘记关闭表单。你可以通过调用end()方法而不需要任何参数来实现。

echo $this->Form->end();

答案 1 :(得分:10)

还记得,你总能做到旧学校

我更喜欢在没有参数的情况下使用$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'))); - 尤其是之前,之间,之后和类选项。您可以使用帮助程序以极大的灵活性创建<input type="button" />元素。

答案 2 :(得分:3)

您可以通过此代码创建自定义提交

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

答案 3 :(得分:2)

这就够了:

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

同样@Mike建议用

关闭表单
echo $this->Form->end();

答案 4 :(得分:0)

或者你可以将两者结合起来:

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

答案 5 :(得分:0)

我使用我的under 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();

答案 6 :(得分:0)

对于CakePHP 2.x,您可以使用

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