🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# HTML &lt;fieldset&gt; 标签 ## 实例 组合表单中的相关元素: ``` <form> <fieldset> <legend>health information</legend> height: <input type="text" /> weight: <input type="text" /> </fieldset> </form> ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 &lt;fieldset&gt; 标签。 ## 定义和用法 fieldset 元素可将表单内的相关元素分组。 &lt;fieldset&gt; 标签将表单内容的一部分打包,生成一组相关表单的字段。 当一组表单元素放到 &lt;fieldset&gt; 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。 &lt;fieldset&gt; 标签没有必需的或唯一的属性。 [&lt;legend&gt; 标签](/tags/tag_legend.asp "HTML &lt;legend&gt; 标签")为 fieldset 元素定义标题。 ## HTML 4.01 与 HTML 5 之间的差异 HTML5 拥有如下属性:disabled、form、name,HTML 4.01 中不支持这些属性。 ## 属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [disabled](/tags/att_fieldset_disabled.asp "HTML5 &lt;fieldset&gt; disabled 属性") | disabled | 规定应该禁用 fieldset。 | | [form](/tags/att_fieldset_form.asp "HTML5 &lt;fieldset&gt; form 属性") | *form_id* | 规定 fieldset 所属的一个或多个表单。 | | [name](/tags/att_fieldset_name.asp "HTML5 &lt;fieldset&gt; name 属性") | _value_ | 规定 fieldset 的名称。 | ## 全局属性 &lt;fieldset&gt; 标签支持 [HTML 中的全局属性](/tags/html_ref_standardattributes.asp)。 ## 事件属性 &lt;fieldset&gt; 标签支持 [HTML 中的事件属性](/tags/html_ref_eventattributes.asp)。 ## 相关页面 HTML DOM 参考手册:[Fieldset 对象](/jsref/dom_obj_fieldset.asp "HTML DOM Fieldset 对象") ## TIY 实例 [围绕数据的 Fieldset](/tiy/t.asp?f=html_fieldset) 本例演示如何在数据周围绘制一个带标题的框。 ``` <!DOCTYPE HTML> <html> <body> <form> <fieldset> <legend>健康信息</legend> 身高:<input type="text" /> 体重:<input type="text" /> </fieldset> </form> <p>如果表单周围没有边框,说明您的浏览器太老了。</p> </body> </html> ```