HTML表格中表单的正确使用与跨单元格输入关联

说实话，我在理解模型中的模型时遇到了很多陷阱。
想想看，如果表单直接插入到tr中，或者通过td嵌套，浏览器一解析就会混乱——即使按了保存，数据也好像消失了。
我几乎疯狂地改变了电子商务后端的功能，但最终我使用了表单主题来挽救局面。

有趣的是，HTML5 非常酷。
你可以将表单按钮放在A单元格中，将输入框放在B单元格中，甚至C单元格中，只要使用form属性将它们连接起来即可。
这是我上次修改供应链系统时所做的：表单定义在表外，但输入框在表内，跨越了整整三行。
浏览器没有任何问题。

关键看这几个步骤：首先给表单一个标识符，比如updateForm1 ，然后在<input>标签中添加form="updateForm1 "。
这就像在模型上附加一个隐形跟踪器。
无论输入框到哪里，只要form属性值相同，提交时数据就会跟着走。
我尝试过使用 jQuery 动态加载数据。
只要预设了表单属性值，就不会随机提交。

但是要小心，即使这个技巧很棒，也不要滥用它。
例如IE1 0以下的浏览器不支持，动态创建元素时form属性可能无效。
我有一个使用Vue显示表单的项目，我遇到了这个问题 - 有必要确保表单属性的值在组件的生命周期中始终正确。
另一个问题是表单属性的值必须与表单ID完全匹配，并且不能包含引号或错误字符。
浏览器会认真对待它。

最重要的是有一个清晰的逻辑：将模型及其关联元素尽可能紧密地组合在一起。
如果必须使用表单属性，最好在注释中清楚地写出为什么需要跨单元格链接。
上次我为客户创建报告系统时，我将表单放在标题中，并将输入框散布在数据行之间。
客户最初表示这是违反直觉的。
你说你尝试用form属性来进行交流，但是他尝试之后，感觉栏目分隔得更清楚了。

老实说，form属性就是HTML5 为表格设计的“遥控器”。
只要正确使用，你的规划自由度就会增加表格立即出现在表格中。
然而，我的经验仅基于实践经验。
我记得数据显示IE1 0及以上版本的支持率在9 5 %以上，但是对于特定的系统，我还是建议大家再运行一次测试。

html中rowspan的作用是什么？

rowspan 定义单元格跨越的行数。

示例：2 005 年，网页设计师使用 使单元格跨 3 行并连接部门名称。

不要这样做：不要滥用行间距，如果超过 5 行，请重新设计。

实用提醒：优先考虑 CSS 布局。