HTML <fieldset> 标签

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

 

1. 范例

组合表单中的相关元素：

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<fieldset> Yes Yes Yes Yes Yes

所有浏览器都支持 <fieldset> 标签。

 

3. HTML 4.01 与 HTML 5 之间的差异

HTML5 拥有如下属性：disabled、form、name，HTML 4.01 中不支持这些属性。

 

4. 属性

属性 值 描述
disabled disabled 规定应该禁用 fieldset。
form form_id 规定 fieldset 所属的一个或多个表单。
name value 规定 fieldset 的名称。

 

5. 全局属性

<fieldset> 标签支持 HTML 中的全局属性。

 

6. 事件属性

<fieldset> 标签支持 HTML 中的事件属性。

 

7. TIY 范例

HTML <figcaption> 标签：<figcaption> 标签定义 figure 元素的标题（caption）。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。