登录界面的编写（input标签的使用）

最新推荐文章于 2022-10-18 07:00:00 发布

康立志

最新推荐文章于 2022-10-18 07:00:00 发布

阅读量2.1k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44011306/article/details/106240568

版权

本文介绍了如何使用HTML和CSS创建一个登录界面，包括输入框的设计和整体布局展示。通过HTML定义元素结构，CSS进行样式美化，实现了简洁的登录页面效果。

摘要由CSDN通过智能技术生成

这里写目录标题

效果展示
代码
- HTML
- CSS

效果展示

在这里插入图片描述

代码

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>study9</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
<div class="bg">
    <div class="loginform">
        <form>
            <h3 class="title">登录</h3>
                <div>
                    <input type="text" id="username" id="user" placeholder="邮箱/手机/用户名">
                </div>
                <div class="user-pass">
                    <input type="password" id="password" placeholder="请输入密码"/>
                </div>
        </form>
        <div class="login-links">
            <label><input type="checkbox">记住密码</label>
        </div>
        <div class="login">
            <input type="submit" id="" value=