表单输入的 HTML 表格与列表

标签 html forms html-table html-lists

每个人都知道您应该只将表格用于语义目的,以标记表格数据。

我个人使用有序列表来标记表单输入。

但是,我看到有人使用表格来标记表单,争论的焦点是您输入的是表格数据。

我认为这仅在非常特殊的情况下才是正确的,在这种情况下,输入的数据会自然地输出/表示为表格。但是我猜这有一个缺点,它使(非常有用的)label 标签变得多余,因为 table th 标签应该(理论上)代表列标题。

我想我想说的是,我认为表格形式有其缺点,但我很想知道社区对使用列表和表格进行输入的优缺点的看法。

我提出这个问题的原因是 w3 规范不提供关于标记表单的指导(据我所知)。据我所知,应该主要使用列表,除非输入的数据确实适合表格数据(例如,您输入到 Google 电子表格中)。

这有变成战场的危险,所以请在发帖前考虑一下,也许它可以制作一个很好的 wiki 页面,展示每个页面的最佳使用位置。

-谢谢 亚历克斯。

最佳答案

我的规则:如果它具有类似网格的属性并且行和列包含逻辑关联数据,那么它就是一个表。

关于表单输入的 HTML 表格与列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7822851/

相关文章:

html - 为什么段落中的内容显示为链接?

javascript - 从 JavaScript 表单保存数据

forms - 如何使用 Clojure 将链接放入提交按钮

javascript - 根据 Dynatable 中的行值对行着色

html - 如何用 li 标签替换表格?

jquery - 分区结构。显示图像时出错

php - 我无法使用 php 将文本上传到 Mysql

javascript - 根据订购的产品创建提交表单(将表格包装到表单中并再次将其显示为表格)

javascript - 如何使用 ReactJS 从动态创建的输入中获取值

javascript - 如何从 JavaScript 数组生成 3x3 HTML 表