Web表单:更好的表格或列表

Question

使用表格或列表创建web表单有什么更好的做法？

问候

哈维

Answer 1

都不是。

一个表单就是一个表单。它可能由段落、简单块(Div)或其他内容组成。

有时，表单是表格或列表，但并不常见。

Answer 2

没有这样的规则:-)你应该为表格内容使用表格，你不应该为你的页面布局使用它，因为这是一个糟糕的html实践。

你可以在谷歌上找到很多关于它的信息。表格与DIV

Answer 3

这取决于您的上下文。如果我们谈论的是带有标签和输入字段的web表单，那么使用div的结构对于组合概念来说是最合适的。

<div>
   <label... for="..">
   <input type="text"...>
</div>

<subcontrol...>

<div>
   <label... for="..">
   <input type="text"...>
</div>

然后使用CSS s.t对其进行适当格式化。这些内容在表单中很好地对齐了

Label:         input field
Label2:        input field

因为正如您在上面的"HTML“中看到的，”子控件“可能是对包含相同div结构的控件的任意引用，并且最终生成的页面看起来会很好。

这同样适用于表，但组合的概念已经变得更加混乱，因为您得到的结果是嵌套表。此外，一些屏幕阅读器经常遇到这些嵌套表的问题(许多人认为，虽然从未尝试过)。

结论：这真的取决于你是如何习惯它的。就我个人而言，我更喜欢div和CSS，因为一旦定义了总体布局，就可以更好地控制它。