Javascript 具有内联按钮的Cakephp 2.X

我正在关注cakephp网站上的博客教程：

我正试图从编辑页面添加一个取消按钮，并希望它内联到表单的保存按钮，但是当我在表单内部添加取消时 cake中的Form->end（）函数将我的cancel作为保存提交，因此我也尝试在Form->end（）之后添加cancel按钮，将其放置在结束div之前，但是现在按钮堆叠在一起。是否有办法在表单中取消重定向，而不提交已编辑的更改

代码如下：

<div class="container">
    <h1>Edit Post</h1>
    <?php
        echo $this->Form->create('Post');
        echo $this->Form->input('article_title', array('type' => 'text','maxlength' =>'100', 'id'=>'ArticleHeader',"placeholder"=>"Article Header (100 char)", 'class'=>'centertext'));
        echo $this->Form->input('article_link', array( 'type' => 'url','maxlength' =>'200', 'id'=>'ArticleLink',"placeholder"=>"Article Link (200 char)", 'class'=>'centertext'));
        echo $this->Form->input('id', array('type' => 'hidden'));

        echo $this->Form->button('Save', array('type' => 'submit', 'class'=>'button disabled', 'id'=>'SaveEdit'), array('inline' => true));
        echo "\r\n";?>
        <button class='button' onclick="window.location.href='<?php echo Router::url(array('controller'=>'Posts',
                   'action'=>'index' ),array('inline' => true))?>'">Cancel</button>
    <?php
        echo $this->Form->end();
    ?>
</div>

编辑文章
CakePHP FormHelper将输入和相应的标签包装在div中。由于这个原因，您将无法获得内联元素。如果要使用Formhelper创建输入，则必须禁用div by
'div'=>false
作为输入选项，并手动包装取消/提交输入

如果您只是想重置表单并停留在页面上，您可以使用
'type'=>'reset'
进行输入。如果要返回到索引页



由于按钮标签本身没有href，因此您必须为此使用链接。让此链接指向您的索引操作，并为其分配
'class'=>'按钮'
。在您的CSS中，您可以像提交按钮那样设置样式（我从cake.generic.CSS中获取）：

有关更多选项，请参阅CakePHP和。
出于某种原因，路由器：：url（数组（'controller'=>'Posts'，'action'=>'index'））正在我的url中添加一个额外的php。因此，我收到了php/php/Posts，我如何省略其中一个phpsi？我确实需要以如下方式结束基本url:[myURL]/php/controllerName，所以我需要/php，但不需要两者都需要。
input[type=submit], input[type=reset], .button {
    display: inline;
    font-size: 110%;
    width: auto;
}

form .submit input[type=reset], .button {
    background:#FFDACC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDACC), to(#9E2424));
    background-image: -webkit-linear-gradient(top, #FFDACC, #9E2424);
    background-image: -moz-linear-gradient(top, #FFDACC, #9E2424);
    border-color: #2d6324;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
    padding: 8px 10px;
}
form .submit input[type=reset]:hover, .button {
    background: #9E2424;
}