HTML Elements fieldset

<fieldset>

<filedset>元素代表一套通过一个名称（common name）有选择性组织起来的表单控件

要点

如果filedset的子节点存在legend节点，该分组的名称通过第一个legend节点给出。其余的子节点组成了这个分组。

HTML 属性

• disabled = boolean

  如果该属性被指定，将导致该节点子节点中legend节点之外的其余节点为不可用（disabled）状态。

• form = string

  制定fieldset所附属的form节点

• name = string

  代表这个节点的名称

参考global attributes

例子

例子A

<fieldset name="userinfo">
    <legend>User information</legend>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" size="40">
    <label for="address">Address</label>
    <input type="text" name="address" id="address" size="40">
    <label for="phone">Phone</label>
    <input type="text" name="phone" id="phone" size="40">
</fieldset>    

例子 B

<fieldset name="clubfields" disabled>
    <legend>
        <label>
        <input type="checkbox" name="club" onchange="form.clubfields.disabled = !checked">
        Use Club Card
        </label>
    </legend>
    <p><label>Name on card: <input name=clubname required></label></p>
    <p><label>Card number: <input name=clubnum required pattern="[-0-9]+">
    </label></p>
    <p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset>    

HTML 参考

HTML的标准定义的<fieldset>节点请参考4.10.4 The fieldset element.