HTML写的简单登录页面

最新推荐文章于 2024-01-13 23:54:18 发布

努力的小陈^O^

最新推荐文章于 2024-01-13 23:54:18 发布

阅读量384

点赞数 9

分类专栏：网页制作前端小案例文章标签： html 前端 html5

本文链接：https://blog.csdn.net/m0_57484023/article/details/135278526

版权

网页制作同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

前端小案例

4 篇文章 0 订阅

订阅专栏

用HTML写的一个简单登录页面

里面用到标题标签、表格标签、表单标签、图像标签

可以作为HTML阶段学习的小案例哦

下面展示一下效果吧

接下来展示源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2 align="center">欢迎来到登录界面</h2>
    <form>
        <table align="center">
            <!-- 第一行 -->
            <tr>
                <td>请输入手机号：</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>请输入密码：</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td>验证码：</td>
                <td>
                    <input type="text">
                </td>
                <td>
                    <img src="./image/验证码.bmp" alt="">
                </td>
            </tr>
            <!-- 第四行 -->
            <tr>
                <td>
                    <input type="button" value="登录">
                </td>
                <td>
                    <input type="button" value="取消">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

大佬别喷！！！