html - 表单嵌套不正确

Question

我正在使用 Node.js、Jade 和 Bootstrap。我需要渲染一个表格，并且在每一行我都需要一个单独的表格。我试过这个：

    - for(var i = 0; i < renditeTabellen.length; ++i) {
      tr
        form(method="POST", action="/deleteTable")
          td#tableID #{i}
          td#tableName #{renditeTabellen[i].name}
          td#tableDate nix
          td
            button#delete.btn-danger(type="submit") Speichern
    - }

但我得到这个输出：

所以form不是以正确的方式嵌套。它应该包含一个tr 我做错了什么？

Answer 1

您不能将表单直接放入TR. 将其更改为在单个 td 中呈现表单。据我所知，您甚至不需要将所有TDs 包装成一行的表单。假设代码应该是这样的：

 - for(var i = 0; i < renditeTabellen.length; ++i) {
      tr            
        td#tableID #{i}
        td#tableName #{renditeTabellen[i].name}
        td#tableDate nix
        td
          form(method="POST", action="/deleteTable")
            button#delete.btn-danger(type="submit") Speichern
    - }

另外，请记住只有表单元素（输入、选择、按钮等）与表单一起提交，因此您需要在按钮上放置一个 value 属性，该属性应包含应删除的项目的 ID。另外，按钮应该有一个名字，所以你可以从帖子中得到它。