HTML 5 <fieldset> 标签

定义和用法

<fieldset> 标签用于从逻辑上将表单中的元素组合起来。

<fieldset> 标签会在相关表单元素周围绘制边框。

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

实例

对表单中的相关元素进行分组：

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" /><br />
    Email: <input type="text" /><br />
    Date of birth: <input type="text" />
  </fieldset>
</form>

亲自试一试

浏览器支持

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

HTML 4.01 与 HTML 5 之间的差异

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

属性

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

全局属性

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

事件属性

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