HTML <fieldset> 标签

实例

以表格形式分组相关元素:

<form action="/action_page">
  <fieldset>
    <legend>个人信息:</legend>
    姓:<br>
    <input type="text" name="lastname" value="zhang"><br>
    名:<br>
    <input type="text" name="firstname" value="san"><br><br>
    <input type="submit" value="提交">
  </fieldset>
</form>
运行 »

定义和用法

<fieldset> 标记用于对表单中的相关元素进行分组.

<fieldset> 标记在相关元素周围绘制一个框.


浏览器支持

Element
<fieldset> Yes Yes Yes Yes Yes

提示和注意事项

提示: <legend>标记定义<fieldset>元素的标题.


HTML 4.01和HTML5之间的差异

HTML5为<fieldset>添加了新属性.



属性

= HTML5中的新功能.

属性 描述
disabled disabled 规定该组中的相关表单元素应该被禁用
form form_id 规定 fieldset 所属的一个或多个表单
name text 规定 fieldset 的名称

全局属性

<fieldset> 标记还支持HTML中的 全局属性 .


事件属性

<fieldset> 标记还支持HTML中的 事件属性 .


相关页面

HTML DOM参考: Fieldset对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <fieldset> 元素:

fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove ( internal value );
}