HTML表单提交/按钮 - fieldset或div

时间:2011-05-27 22:34:50

标签: html semantic-markup

好的,除了两种情况外,我几乎在html中得到了fieldset标记:

  1. 我是否应该使用它,如果里面只有一个元素(毕竟它是'分组'表单元素)

  2. 是否应该用它来封装表单提交按钮?我通常使用div来做这个,虽然我不断想知道字段集是否会更好。

  3. 提前致谢

2 个答案:

答案 0 :(得分:3)

  1. 这真是一个判断。如果只有一个语义元素组,我通常不会使用它,因为该组是隐式的,特别是如果只有一个元素。语义fieldset使用的一个很好的例子可能是将用户联系人详细信息的输入字段与其信用卡详细信息分开。

  2. 您不应该使用divfieldset来附上提交按钮。提交按钮与整个表单相关,而不仅仅是某些字段集。如果您只是想让设备在自己的行上定位提交按钮,您应该看一下使用CSS设置样式。

答案 1 :(得分:1)

您应始终使用fieldset元素及其相应的图例元素。他们为用户添加语义信息,但更重要的是为残障用户提供辅助功能。我不是肯定你正在使用的元素是什么,但我会假设它是一个表单控件,并且它们都应该与标签元素匹配,提供与fieldset + legend元素类似的好处。提交表单控件通常不应位于字段集中,因为字段集为分组控件提供了结构。我想说我在某个地方读到这是不好的做法,但是我无法找到它,但是我把它们排除在外。