filedset的作用及用法

最新推荐文章于 2025-06-15 23:10:10 发布

YPL_ZML

最新推荐文章于 2025-06-15 23:10:10 发布

阅读量981

点赞数 1

本文介绍如何使用fieldset元素将表单内的相关元素进行分组，并通过legend元素定义标题。这种做法有助于提升表单的可读性和可用性。浏览器通常会对fieldset内的元素应用特殊的样式，如边框或3D效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法
fieldset 元素可将表单内的相关元素分组。

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

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

标签没有必需的或唯一的属性。标签为 fieldset 元素定义标题。

<!DOCTYPE HTML>
<html>

<body>

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

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

</body>
</html>

在这里插入图片描述