twitter bootstrap href按钮不起作用

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

<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>

这是怎么回事？

来源

2012-09-11 still.Learning

为什么不尝试把btn类放在它自己的超链接上而不是在超链接中放置一个提交按钮？ – Chris

是的工作，我认为你只能使用按钮类，如果你使用一个按钮标签（我是新的webdev） –

您在<a>元素内有<button> - 删除按钮，否则您将提交表单。

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

和引导只是一个大集与扔小JS CSS设施 - 在所有:)没有API）的

编辑：时下HTML语义和外观完全分离[尽管有人可能会说，引导有黑客有关这个，请参阅其<i>的图标使用]。

保持对你的情况的眼睛，你想使用<button>风格简单的锚点像浮雕按钮。但<button>标签只是提供更丰富的<input type="submit">的一种方式，您可以在其中插入图像[请参阅按钮旁边带有图标的所有BS示例]。

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

如果您只需要在不提交任何内容的情况下访问某个网址，您需要一个锚标记[<a>]，您可以根据自己的意愿设置样式。与BS btn,btn-primary,btn-whateva类。

来源

2012-09-11 00:05:41 moonwave99

，完美的工作:)我是bootstrap和webdev一般新手，所以我想知道如果你可以解释为什么它不能像我所做的那样工作（就我所知）。谢谢:) –

我会用简短的解释编辑答案^^ – moonwave99

twitter bootstrap href按钮不起作用

回答

相关问题