HTML的<fieldset>标签是干什么的

106 阅读 0 评论 70 点赞

我是靠谱客的博主受伤彩虹，这篇文章主要介绍HTML的<fieldset>标签是干什么的，现在分享给大家，希望可以做个参考。

HTML <fieldset> 标签

所有浏览器都支持 <fieldset> 标签。

定义和用法

fieldset 元素可将表单内的相关元素分组。 ( 推荐学习：html教程 )

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

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

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

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

实例

组合表单中的相关元素：

复制代码<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>
登录后复制