Html 阻止表单元素中断内部元素的格式设置

我有一个由div元素组成的表，该表的行是使用Jinja2变量从for循环生成的。问题是，我需要将整个表行包含在form元素中，但是这样做会中断格式设置，并将表头与表行断开。如何在不破坏格式的情况下实现下面的尝试

所有行单元格都需要包含在循环表单中，因为我使用这些单元格作为用户输入

蓝台分区{ 边框：1px实心1C6EA4； 背景色：EEEE； 宽度：100%； 文本对齐：左对齐； 边界塌陷：塌陷； } .divTable.blueTable.divTable单元格、.divTable.blueTable.divTableHead{ 边框：1px实心AAAAA； 填充物：3px2px； } .divTable.blueTable.divTableBody.divTableCell{ 字体大小：13px； } .divTable.blueTable.divTable行：第n个儿童偶数{ 背景：D0E4F5； } .divTable.blueTable.divTable标题{ 背景：1C6EA4； 背景：-moz线性梯度顶部，5592bb 0%，327cad 66%，1C6EA4 100%； 背景：-webkit线性梯度顶部，5592bb 0%，327cad 66%，1C6EA4 100%； 背景：底部线性梯度，5592bb 0%，327cad 66%，1C6EA4 100%； 边框底部：2个实心4444； } .divTable.blueTable.divTableHeading.divTableHead{ 字体大小：15px； 字体大小：粗体； 颜色：FFFFFF； 左边框：2px实心D0E4F5； } .divTable.blueTable.divTableHeading.divTableHead:第一个孩子{ 左边界：无； } .blueTable.桌脚风格{ 字体大小：14px； } .blueTable.tableFootStyle.links{ 文本对齐：右对齐； } .blueTable.tableFootStyle.links链接a{ 显示：内联块； 背景：1C6EA4； 颜色：FFFFFF； 填充：2px8px； 边界半径：5px； } .blueTable.outerTableFooter{ 边界顶部：无； } .blueTable.outerTableFooter.tableFootStyle{ 填充物：3px 5px； } /*DivTable.com*/ .divTable{display:table；} .divTableRow{显示：表行；} .divTableHeading{显示：表格标题组；} .divTableCell、.divTableHead{display:表格单元格；} .divTableHeading{显示：表格标题组；} .divTableFoot{显示：表页脚组；} .divTableBody{显示：表行组；} 标题1 标题2 总目3 提交 你是否厌倦了这个：

<form method="post" class="divTableRow">
   <input type="hidden" name="post_id" value="jinja variable used for id">
   <div class="divTableCell"><input type="text" value="someValue"></div>
   <div class="divTableCell"><input type="text" value="anotherValue"></div>
   <div class="divTableCell"><button>Submit</button></div>
</form> <!-- For loop ends here -->