HTML DOM Fieldset 对象

<fieldset> 标签用于将表单中的一组相关元素进行分组，并可添加一个边框以突出显示这一组元素。通常与 <legend> 标签一起使用，用于为 <fieldset> 元素添加标题。

属性

• disabled: 表示字段集中的元素是否被禁用。如果设置为 true，则其中的所有元素都将被禁用。
• form: 指定字段集所属的表单。
• name: 指定字段集的名称。

示例代码

// www.javascriptcn.com code example
<form>
  <fieldset>
    <legend>个人信息</legend>
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name"><br>
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email"><br>
  </fieldset>
</form>

在上面的示例中，我们创建了一个包含个人信息的字段集，其中包括姓名和邮箱两个输入框。<legend> 标签用于为字段集添加标题，使其更具可读性。

字段集提供了一种组织表单元素的方式，使表单更加清晰易读。通过设置 disabled 属性，我们还可以禁用整个字段集中的所有元素，从而防止用户对其进行操作。