给表单添加一个框,直接实战看效果:

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Title</title>
    6. </head>
    7. <body>
    8. <form action="">
    9. <fieldset> <!--对表单进行分组,用标签fieldset-->
    10. <legend>这是这个分组的名字!</legend> <!--对分组设置名字用标签legend-->
    11. 用户名:<input type="text" placeholder="请输入用户名" name="user"><br>
    12. 密&emsp;码:<input type="password" placeholder="请输入密码" name="pwd"><br>
    13. </fieldset>
    14. </form>
    15. </body>
    16. </html>

    image.png
    其中 legend :设置分组表单的标题