HTML--Boby部分之fieldset标签

 随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

该标签主要功能是做一个框，大概样子如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <fieldset>
        <legend>登录</legend>
    </fieldset>
</body>
</html>

结果展示：

我们可以在该框内做一下操作：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <fieldset>
        <legend>登录</legend>
        <label for="username">用户名：</label>
        <input id="username" type="text" name="user"/>
    </fieldset>
</body>
</html>

结果展示：

 

posted @ 2019-08-16 08:39  李荣洋  阅读(163)  评论(0)  编辑  收藏  举报