Django 删除按钮表单标记导致换行

我正试图让下面代码中的编辑和删除按钮并排出现。在我为“删除经销商”视图添加

表单

标记之前，它们都是有效的。我还想知道为什么我需要

表单

我不能使用锚定标记并调用url吗？如果我不能用锚把

按钮

标记包围起来，我就不明白它们是干什么用的

<div class="card">
          <div class="card-header card-header-success">
            All Dealers
          </div>
          <div class="card-body">
            <table class="table">
              <tbody>
                {% for dealer in dealers %}
                <tr>
                  <td>{{dealer.name}}</td>
                  <td class="td-actions text-right">
                    <button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
                      <i class="material-icons">edit</i>
                    </button>
                    <form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
                      {% csrf_token %}
                      <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
                        <i class="material-icons">close</i>
                      </button>
                    </form>
                  </td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>

所有经销商
{对于经销商中的经销商%}
{{dealer.name}
编辑
{%csrf_令牌%}
关闭
{%endfor%}

首先，您的按钮并非都采用以下形式：

<button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">edit</i>
</button>
<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    <button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
        <i class="material-icons">edit</i>
    </button>
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

编辑
{%csrf_令牌%}
关闭

尝试将两个按钮都移动到表单中：

<button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">edit</i>
</button>
<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    <button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
        <i class="material-icons">edit</i>
    </button>
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

编辑
{%csrf_令牌%}
关闭

可能无法修复，但deffo可能会导致问题

问候,，

---

Josh

首先，您的按钮并非都是以下形式：

<button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">edit</i>
</button>
<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    <button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
        <i class="material-icons">edit</i>
    </button>
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

编辑
{%csrf_令牌%}
关闭

尝试将两个按钮都移动到表单中：

<button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">edit</i>
</button>
<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

<form method="POST" action="{% url 'dealers:delete_dealer_view' dealer.slug %}">
    <button type="button" rel="tooltip" title="Edit Dealer" class="btn btn-white btn-link btn-sm">
        <i class="material-icons">edit</i>
    </button>
    {% csrf_token %}
    <button type="submit" rel="tooltip" title="Remove" class="btn btn-white btn-link btn-sm">
    <i class="material-icons">close</i>
    </button>
</form>

编辑
{%csrf_令牌%}
关闭

可能无法修复，但deffo可能会导致问题

问候,，

---

Josh

GET请求不应该有副作用，因此，如果您只是创建一个链接，那么它就不应该删除该项目，只有POST/delete请求才应该这样做。GET请求不应该有副作用，所以如果您只创建一个链接，那么它就不应该删除该项目，只有POST/DELETE请求才能执行此操作。