首页 > 代码库 > HTML <fieldset> 标签将表单内的相关元素分组

HTML <fieldset> 标签将表单内的相关元素分组

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

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

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

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

HTML 4.01 与 HTML 5 之间的差异

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

属性

属性描述
disableddisabled规定应该禁用 fieldset。
formform_id规定 fieldset 所属的一个或多个表单。
namevalue规定 fieldset 的名称。

实例:

<!DOCTYPE HTML><html><body><form>  <fieldset>    <legend>健康信息</legend>    身高:<input type="text" />    体重:<input type="text" />  </fieldset></form><p>如果表单周围没有边框,说明您的浏览器太老了。</p></body></html>

效果如下:

技术分享

 

HTML <fieldset> 标签将表单内的相关元素分组