HTML <fieldset> 标签将表单内的相关元素分组
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
HTML 4.01 与 HTML 5 之间的差异
HTML5 拥有如下属性:disabled、form、name,HTML 4.01 中不支持这些属性。
属性
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 规定应该禁用 fieldset。 |
form | form_id | 规定 fieldset 所属的一个或多个表单。 |
name | value | 规定 fieldset 的名称。 |
实例:
<!DOCTYPE HTML> <html> <body> <form> <fieldset> <legend>健康信息</legend> 身高:<input type="text" /> 体重:<input type="text" /> </fieldset> </form> <p>如果表单周围没有边框,说明您的浏览器太老了。</p> </body> </html>
效果如下: