4

Django ベースのアプリ用の HTML テンプレートを作成しています。ここではボタンに twitter ブートストラップ API を使用していますが、そのうちの 1 つ (キャンセル ボタン) が正しく機能していないようです。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 は、小さな js が投入された CSS 機能の大きなセットにすぎません。API はまったくありません :))

編集: 現在、HTML のセマンティクスと外観は十分に分離されています [Bootstrap にはこれに関するハックがあると主張する人もいるかもしれませんが<i>、アイコンの使用を参照してください]。

ケースに注目すると、 を使用し<button>て、エンボス ボタンのような単純なアンカーのスタイルを設定したいと考えていました。しかし、<button>タグはより豊かな を提供する方法に過ぎず、<input type="submit">たとえば画像を挿入することができます [ボタンの横にアイコンがあるすべての BS の例を参照してください]。

さて、<input type="submit">トリガー<button>内<form>で後者のaction、つまり、ユーザーが入力したデータをそのような場所に投稿します。

何も送信せずに特定の URL に到達する必要がある場合は、アンカー タグ [ ] が必要です。これは、BS 、、クラス<a>などを使用して、必要に応じてスタイルを設定できます。btnbtn-primarybtn-whateva

于 2012-09-11T00:05:41.697 に答える