Question

我的Bootstrap 3编辑表单最初只有一个“提交”按钮，可以很好地工作。当我添加另一个按钮来实现“取消”选项时，该按钮未按预期工作，单击它正在提交表单（并保存更改）。当然，我并没有将第二个按钮标记为“提交”，并不是为了这个目的。

我的HTML / PHP代码如下：

<form method='POST' action='savechanges.php'>
    <div class="form-group">
        <label for="IdDataList">List Id</label>
        <input type="text" class="form-control" id="IdDataList" readonly value="<?php echo $row['IdDataList']; ?>">
    </div>
    <div class="form-group">
        <label for="DataListName">List Name</label>
        <input type="text" class="form-control" id="DataListName" name="DataListName" value="<?php echo $row['DataListName']; ?>">
    </div>
    <div class="form-group">
        <label for="DataListDescription">Description</label>
        <input type="text" class="form-control" id="DataListDescription" name="DataListDescription" value="<?php echo $row['DataListDescription']; ?>">
    </div>

<!-- Submit button -->
    <div class="form-group col-sm">
    <button class="btn btn-primary" name="saveall" type="submit" >Save changes</button>
    </div>

<!-- Here the second 'Cancel' button -->
    <div class="form-group col-sm">
    <button class="btn btn-primary" name="goback" onclick="window.location.href='anotherpage.php'">Cancel</button>
    </div>
</form>

必须很明显，但我看不出怎么回事... 预先感谢！

Answer 1

当我决定自己关闭此问题时，此答案的积分发给@ Chilll007。
大多数浏览器采用的当前HTML标准指出，应使用 type 属性来区分按钮的行为，默认为'submit'类型。

不适用于此目的的按钮应使用 type ='button'标记为通用。要获得超链接行为，您可以通过Javascript或使用<a href=''></a>标签来定义操作：

<a href="anotherpage.php"class="btn btn-primary" name="back" role="button">Cancel</a>

为什么第二个Bootstrap 3按钮（未标记为“提交”）正在提交我的表单？

1 个答案: