【HTML】fieldset标签、legend标签

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>标题</title>
</head>

<body>

    <form id="form_id">

    </form>

    <!-- fieldset 用于划分表单,以特殊的方式显示 -->

    <!-- form 指定表单的id -->
    <!-- disabed 指定fieldset内的表单元素是否被禁用 -->
    <fieldset form="form_id">

        <!-- legend 指定表单的标题 -->
        
        <legend>登录</legend>
        账号: <input type="text"><br>
        密码: <input type="text">
    </fieldset>
</body>

</html>

效果:
效果

猜你喜欢

转载自blog.csdn.net/Tiezhu_Wang/article/details/115001411
今日推荐