Question

我刚刚在MVC中遇到过这些，并且有时会使用它们而不是表格，因为表格和DIV只是不能很好地混合！

之前从未见过这些，并且想知道是否有关于这些新表替代TAG的文档？我也听说过建议使用这些而不是表格，因此我们希望能够熟悉它们（而不是像我最近一样猜测它们是如何工作的）。

感谢

ps：当我研究HTML时，这些东西在HTML中并不存在，我记得我在很久以前研究过HTML 4.0，当它出现时......

Answer 1

使用字段集来包含表单元素的一种相当标准的方法就是将它用作基本构建块，就像div一样。可以把它想象成一个具有语义价值的包含div，并且可以使用图例元素。相当基本的XHTML：

<fieldset>
  <div>
    <label for="x">Thing</label>
    <input type="text" id="x" name="x" />
  </div>
  <div>
    <label for="y">Thing</label>
    <input type="text" id="y" name="y" />
  </div>
</fieldset>

（对于IE6而言，div是非常必要的，并且仍然很方便。）然后在CSS中，您可以相应地格式化字段集等。例如，您通常希望抑制字段集的正常边界。

fieldset { border: 0; }
fieldset.display { border: 1px solid #cccccc; }
/* You can always invert this. Up to you. */

还有很多其他事情你需要做，但这会让你开始 - 它几乎只是将它视为一个语义块元素，就像div，但有意义，从这里开始。将您的元素分组为逻辑组，如果您需要将其与表单的其余部分区分开来，您只需更改字段集的类并添加a legend。

Answer 2

我认为Fieldset不是新的，它们并不是表格的替代品。

找到了这个解释，它总结了一下：“HTML字段集标记用于对相关表单元素进行分组。通过使用fieldset标记和图例标记，您可以更轻松地为用户理解表单。”

w3schools对HTML标记信息始终有用。 quick look around似乎暗示它是在HTML4.0中引入的

有关<fieldset> <label>标签的文档，而不是使用TABLE的？</label> </fieldset>

2 个答案: