使用fieldset标签有什么好处？

Question

使用<fieldset>标签有什么好处？

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

Answer 1

表单通常分为不同的字段集.

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

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

就像你在"真实"世界中找到的形式一样.

使用字段集的"优点"是它们允许您以最具语义的方式标记数据(在本例中为表单).考虑将字段放在字段集中比将字段放在div中更具描述性.div告诉你关于字段之间的关系,字段集告诉你有关系.

这与许多新的HTML5标签集的原理类似.<footer>例如,与模糊不清的内容相比,它会告诉您更多关于其中数据含义的信息<div>.

Answer 2

如果您看一下开发人员的HTML5规范:

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

该fieldset元素代表一组任选在一个共同的名称分组表单控件.

(如果你按照链接,还有更多的信息)

结合legend元素,它允许您轻松完成此操作,如果不使用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>