Html 在构建表单和设置表单样式时,最好使用标记还是标记?

Html 在构建表单和设置表单样式时,最好使用标记还是标记?,html,css,forms,html-table,alignment,Html,Css,Forms,Html Table,Alignment,例如,我希望使表单看起来像这样或类似: 在这种情况下,这是一个更适合标记的工作,还是一个更好的使用和CSS的实践 我知道CSS将用于样式设置,而表格用于表格数据。然而,表单并不是完全表格化的,所以使用CSS来设置表单样式以对齐表单元素是有意义的。但是table标记有明确的标记td、tr、tbody、thead等,如果我不使用div,它们在语义上会与其他div混合在一起。i、 e.用于容器,然后用于形状,它们都变得同质,需要进一步检查,以确定哪个是哪个,而表中清楚列出 我想询问一下,目前可接受的建

例如,我希望使表单看起来像这样或类似:

在这种情况下,这是一个更适合标记的工作,还是一个更好的使用和CSS的实践

我知道CSS将用于样式设置,而表格用于表格数据。然而,表单并不是完全表格化的,所以使用CSS来设置表单样式以对齐表单元素是有意义的。但是table标记有明确的标记td、tr、tbody、thead等,如果我不使用div,它们在语义上会与其他div混合在一起。i、 e.用于容器,然后用于形状,它们都变得同质,需要进一步检查,以确定哪个是哪个,而表中清楚列出

我想询问一下,目前可接受的建筑和造型实践是什么


注意:也许表单不必如下所示对齐,但我不知道有任何其他合理的方式来呈现表单。另外,假设您有5或6个这样的表单,它们彼此相邻,而不仅仅是一个。

您应该使用div。像Bootstrap这样的框架有很好的系统,能够以非常灵活的方式来部署这些功能,而且比表要好得多


如果您有任何疑问,请查看此链接

我发现为div设置样式比较容易,但这完全是一个偏好问题——表单被归类为表格,因为你有一个标题和一个字段。一般的共识是,如果它不是表格数据,就不要使用表格。然而,你可以,@Pete-这不是表格数据。一系列键/值对不是表格。请使用CSS。使用语义上最合适的元素。标签和字段集可以消除对div的需要。同样从w3c开始,让我们了解标准的来源:-HTML表格模型允许作者将数据(文本、预格式化文本、图像、链接、表单、表单字段、其他表格等)排列到单元格的行和列中。