使用fieldset标签有什么好处？

Question

使用<fieldset>代码有什么好处？

我真的不知道它用于什么。

Answer 1

表单经常被分解为各种字段。

fieldset标记允许您对字段集进行逻辑分组，以使表单更具描述性。

您还会注意到，您可以使用字段集设置表单样式并显示字段之间的逻辑关联。

就像你在“真实”世界中找到的形式一样。

使用字段集的“优点”是它们允许您以最具语义的方式标记数据（在本例中为表单）。考虑将字段放在字段集中比将字段放在div中更具描述性。 div不会告诉你字段之间的关系，字段集告诉你有关系。

这与许多新HTML5标签集的原理类似。例如<footer>告诉您更多关于其中数据的含义与模糊<div>相比较的信息。

Answer 2

如果您查看HTML5 spec for Developers：

http://developers.whatwg.org/forms.html#the-fieldset-element

  

fieldset元素表示一个集合   任选分组的表单控件   在一个共同的名称下。

（如果您点击链接，还有更多信息）

结合legend element，您可以轻松完成此操作，但如果不使用fieldset / legend则难以重新创建：

Answer 3

它允许您对一组相关字段进行分组并为其提供图例。

<fieldset>
    <legend>Gender</legend>
    <input type="radio" name="gender" id="male" value="male">
    <label for="male">Male</label>
    <input type="radio" name="gender" id="female" value="female">
    <label for="female">Female</label>
<fieldset>

<fieldset>
    <legend>Address</legend>

    <label for="line1">Line 1</label>
    <input name="address1" id="line1">

    <label for="line2">Line 2</label>
    <input name="address2" id="line2">

    <label for="town">Town</label>
    <input name="town" id="town">

    <label for="country">country/label>
    <input name="country" id="country">
</fieldset>

Answer 4

你把东西和它一起分组。如果您需要访问CSS或JavaScript中的内容，并且不想轻易将ID分配给所有内容，那么这将非常有用。

此外，传说看起来还不错。