twitter bootstrap href 按钮不起作用

Question

我正在为基于 django 的应用程序创建一个 html 模板。我在这里为按钮使用 twitter 引导 API，但其中一个（取消按钮）似乎无法正常工作。我使用 href 将它链接到另一个页面，但是当我单击按钮时，它会重定向到当前页面的 post 方法。见下文：

<h2>Add new Schedule:</h2>
<form class="form-horizontal" method='post'>
<table>
{% load bootstrap %}
{{ form|bootstrap }}
{% csrf_token %}
<tr>
<td></td>
<td>
<input class="btn btn-primary" type='submit' name='reset' value='Save' />
</td>
<td></td>
<td><a href='{%url head.views.edit_instance_binding binding.id %}'><button class="btn     btn-inverse" type="submit">Cancel</button></a></td>
</tr>
</table>
</form>

但是，如果我摆脱按钮并将其用作简单的 href，它似乎可以工作： <td><a href='{%url head.views.edit_instance_binding binding.id %}'>Cancel</a></td>

这是怎么回事？

Answer 1

<a> 元素内有一个<button> - 去掉该按钮，否则您将提交表单。

如果您希望将锚定样式设置为按钮，请为其指定 btn 类。

Bootstrap 只是一大组 CSS 工具，只包含很少的 js - 根本没有 API :))

编辑：现在 HTML 语义和外观已经很好地分开了[尽管有人可能会争辩说 Bootstrap 在这方面有其技巧，请参阅其<i> 对图标的使用]。

密切关注您的案例，您想使用<button> 来设计一个简单的锚点，如浮雕按钮。但是<button> 标签只是提供更丰富的<input type="submit"> 的一种方式，例如，您可以在其中插入图像[查看按钮旁边带有图标的所有 BS 示例]。

好吧，<form> 中的<input type="submit"> 和<button> 触发了后者的action，即它们将用户输入的一些数据发布到该位置。

如果您只需要访问某个 URL 而不提交任何内容，则需要一个锚标记 [<a>]，可以根据需要设置样式，例如BS btn, btn-primary, btn-whateva 类。