Javascript HTML表单没有按预期工作，它和我写的不一样

我在表格中有以下表格：

<tr>
    <form action="/create" method="POST">
        <td class="align-middle">
            <button type="submit">save</button>
        </td>
        <td>
            <input type="number" name="newProductPrice">
        </td>
    </form>
</tr>

拯救

但在浏览器中，它看起来是这样的：

<tr>
    <form action="/create" method="POST"></form>
    <td class="align-middle">
        <button type="submit">save</button>
    </td>
    <td>
        <input type="number" name="newProductPrice">
    </td>
</tr>

拯救

---

它只是让整个事情出错了

一个

的唯一允许的直接子元素是

和

。您的浏览器正在尽最大努力处理这个问题，将标记“更正”为最接近的有效版本

如果您坚持要实现这一点，那么您可能需要在按钮或输入上使用属性，并且其他元素包含在有效表单中。差不多

拯救

---

如果你这样做，每一个表单的每一行都必须有一个唯一的id属性（不管怎样，这都是真的，因为id无论如何都必须是唯一的）。

tr标记之后的下一个东西总是应该是td标记。它对于我来说看起来是一样的，因为你的HTML无效，浏览器正在尝试修复它。此外，不要使用表格进行布局，请使用CSS@j08691我不得不说，它是与数据表一起使用的，而使用表只是使整个工作更容易。你不应该在tr和td之间添加另一个标记。使用div而不是tr/td。