4

我正在为基于 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>

这里发生了什么？

4

1 回答 1

13

您有一个<button>内部<a>元素 - 摆脱按钮，否则您将提交表单。

如果您希望将锚定为按钮样式，请给它一个btn类。

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

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

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

好吧，<input type="submit">在后者的触发器<button>内部，即他们将用户输入的一些数据发布到这样的位置。<form>action

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

于 2012-09-11T00:05:41.697 回答