CakePHP 提交按钮图片答案

【问题标题】：CakePHP submit button ImageCakePHP 提交按钮图片
【发布时间】：2011-04-09 13:03:40
【问题描述】：

我正在尝试使用图像作为提交按钮

<?php echo $this->Form->submit('/img/prelaunch/btn_signup.gif'); ?>

这就是我正在使用的代码。但图像无法加载图像存在于以下目录中

Webroot/img/prelaunch/

**更新**

HTML 生成

<div class="submit">
<input type="image" src="/ginger/img/prelaunch/btn_signup.gif">
</div>

网站基本网址 http://bakasura.in/ginger/

网址 http://bakasura.in/ginger/users/signup

图片网址 http://bakasura.in/ginger/img/prelaunch/btn_signup.jpg

【问题讨论】：

@dhofstet 添加了代码

标签： cakephp cakephp-1.3 form-submit

【解决方案1】：

图片是jpg，你在提交按钮源码中放了一个gif。简单的错误：D

【讨论】：

我试过了，但它不起作用我已经添加了链接请看看
@Harsha M V 编辑了回答问题的答案，现在我们有更多信息
Holy COW :( 谢谢老兄。该死的。复制粘贴代码..让你陷入严重的麻烦。谢谢哥们

【解决方案2】：

另一种解决方案是：

<?php echo $form->submit('Sign up', array('type'=>'image','src' => '/img/prelaunch/btn_signup.gif'));  ?>

来自：http://php-freelancer.in/2010/04/28/cakephp-how-to-make-image-submit-button/

【讨论】：

【解决方案3】：

只需在css中创建一个类名并添加图片

Form->submit('submit',array('class'=>'show-image')); ?>

CSS

.show-image{ 背景图像：url（../img/prelaunch/btn_signup.gif）；背景重复：不重复；显示：块；宽度：30px；高度：30px 文本转换：大写； }

【讨论】：

【解决方案4】：

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

【讨论】：

如果你也想要文本怎么办。