【知识】HTML <fieldset> 标签

最新推荐文章于 2021-05-20 15:50:05 发布

原创最新推荐文章于 2021-05-20 15:50:05 发布 · 818 阅读

0 ·

CC 4.0 BY-SA版权

【毕业设计】专栏收录该内容

17 篇文章

订阅专栏

了解如何使用<fieldset>元素将表单内容分组，实现特定元素的视觉隔离和增强用户体验。

定义和用法

fieldset 元素可将表单内的相关元素分组。

<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>

健康信息身高：体重：

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