HTML：H5中新增表单标签＜fieldset＞

最新推荐文章于 2024-08-15 12:08:56 发布

KaiSarH

最新推荐文章于 2024-08-15 12:08:56 发布

阅读量522

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/KaiSarH/article/details/103932128

版权

HTML 专栏收录该内容

32 篇文章 1 订阅

订阅专栏

概念

fieldset 元素可将表单内的相关元素分组
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
当一组表单元素放到<fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。

用法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<fieldset>
    <legend>用户登录</legend>
    用户名：<label><input type="text"/></label><br>
    密&#12288;码：<label><input type="password"/></label><br>
</fieldset>
<fieldset>
    <legend>注册账号</legend>
    用户名：<label><input type="text"/></label><br>
    密&#12288;码：<label><input type="password"/></label><br>
    邮&#12288;箱：<label><input type="text"/></label><br>
</fieldset>
</body>
</html>