HTML <fieldset> 标签 - 蝴蝶教程

<fieldset>标签定义和用法

<fieldset>标记用于对表单中的相关元素进行分组。 <fieldset>标记在相关元素周围绘制一个框。

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

<fieldset>浏览器支持

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<fieldset>实例

<!DOCTYPE html>
<html>
<body>

<form>
 <fieldset>
  <legend>个人信息:</legend>
  名字: <input type="text"><br>
  邮箱: <input type="text"><br>
  生日: <input type="text">
 </fieldset>
</form>

</body>
</html>

尝试一下

<fieldset>HTML4.01和HTML5之间的差异

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

<fieldset>属性

橙红色的5标识代表是HTML5添加的新功能。

属性名	属性值	描述
disabled 5	disabled	指定应禁用一组相关表单元素
form 5	form_id	指定字段集所属的一个或多个表单
name 5	text	指定字段集的名称

<fieldset>全局属性

<fieldset>标签还支持全局属性。查看有关全局属性的更多知识。

<fieldset>事件属性

<fieldset>标签还支持事件属性。查看有关事件属性的更多知识。

<fieldset>默认CSS设置

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);
}