有关<FIELDSET> <LABEL>标签的文档而不是使用TABLE？

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>

(尽管如此,div对于IE6来说非常必要并且很方便.)然后在CSS中你可以相应地格式化字段集.例如,您通常希望抑制字段集的正常边界.

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

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