HTML | DOM 字段集类型属性

在 HTML | DOM 中，字段集（Fieldset）类型是一个容器，用于将相关表单元素组合在一起并形成一个集合。字段集内有一个可选的标题（Legend）元素，用于描述集合的目的或内容。

字段集类型具有以下属性：

disabled

disabled 属性可以阻止表单中的任何字段集的内容被提交。如果将这个属性设置为 true，用户无法编辑字段集中包含的所有表单元素，并且这些元素的值将不会被提交。语法如下：

<fieldset disabled>

form

form 属性指定了一个字段集所属的表单。如果省略此属性，则字段集将归属于最近的父表单元素。语法如下：

<fieldset form="form_id">

name

name 属性为字段集指定一个名称。名称被用于标识一个字段集，并可与脚本和服务端代码进行交互。语法如下：

<fieldset name="name_value">

其他属性

字段集类型还可以使用大多数 HTML 和 DOM 标准属性，包括 class、id、style 等。此外，还可以使用一些其他自定义属性来扩展字段集。

以下是一个典型的字段集类型示例，其中包含一个选择按钮和一个输入框：

<fieldset>
  <legend>Personal Information</legend>

  <label for="firstName">First Name:</label>
  <input type="text" id="firstName" name="firstName"><br>

  <label for="gender">Gender:</label>
  <select id="gender" name="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
  </select>
</fieldset>

以上代码返回的效果如下：

参考链接：

• MDN Web Docs: