按钮无法正常工作 - Java Spring Thymeleaf

Question

我正在使用 Thymeleaf 作为模板引擎编写一个带有 CRUD 操作的简单 Web 应用程序。问题是，这是我的代码：

<form th:method="POST" th:action="@{/}">
    <div>
       <ul th:each="balloon: ${balloons}" style="list-style-type: none">
          <li>
             <input type="radio" name="balloonType" th:text="${balloon.getName()}"
                    th:value="${balloon.getDescription()}">
          </li>

          <div>
             <form th:method="POST" th:action="@{'/balloons/delete/{id}' (id=${balloon.getId()})}">
                 <input type="submit" value="Delete">
             </form>
          </div>

       </ul>
       <input type="submit" value="Submit">
    </div>
    <br/>
</form>

当我运行应用程序时，inspect 元素中的代码如下图所示。第一个删除按钮不会以自己的形式出现，因此无法正常工作。欢迎任何帮助。

Answer 1

您不能也不应该有嵌套的表单标签。这是一个不好的做法。我会说你将它们分开如下：

<form action="/form1action1"...>

</form>

<form action="/form2action2"...>

</form>

如果您必须在表单中执行某些操作，请引入一些 JavaScript（或 ajax 或 jQuery，如果您愿意）sn-ps。