前端—表单小练习2

最新推荐文章于 2023-07-17 14:37:33 发布

达达学前端

最新推荐文章于 2023-07-17 14:37:33 发布

阅读量105

点赞数

分类专栏： html 文章标签：前端

本文链接：https://blog.csdn.net/m0_55965566/article/details/125395893

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/demo01.css" />
</head>
<body>
    <form class="loading">
        <p><img src="img/md.webp" class="header"/></p>
        <p><img src="img/use.png" class="icon1"/><input type="text" placeholder="User" class="use"/></p>
        <p><img src="img/pwd.png" class="icon2"/><input type="password" placeholder="Password" class="pwd"/></p>
        <p><input type="checkbox" checked="checked"/><span class="txt1">记住密码？</span></p>
        <p><button class="btn">登录</button><button class="btn">取消</button></p>
    </form>
</body>
</html>

效果图