网页登录界面（HTML前端部分）

最新推荐文章于 2024-07-14 20:09:58 发布

潇湘夜雨寒

最新推荐文章于 2024-07-14 20:09:58 发布

阅读量470

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/qq_42677487/article/details/129227673

版权

这是一个简单的HTML登录页面示例，包含输入框用于输入账号和密码，以及提交按钮和选择登录身份的下拉选项。页面还提供了链接来处理忘记密码的情况。对于后端开发者，了解这样的前端知识对于完成项目和作业是必要的。

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

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

<body>
<h1>登录我们的网站</h1>
<hr>
    <div>
        <label>账号：
        <input type="text" placeholder="UserName...">
        </label>
    </div>
    <div>
        <label>密码：
            <input type="password" placeholder="PassWord...">
        </label>
    </div>
    <br>
    <a href="https://www.baidu.com">忘记密码</a>
    <br>
    <br>
    <div>
        <input type="submit" value = "登录">
    </div>


    <label>
        登录身份
        <select>
            <option>学生</option>
            <option selected>教师</option>
        </select>
    </label>
</body>
</html>

结果
在这里插入图片描述

主学习后端，但是为了做项目，完成作业，还是有必要学习一些前端的知识，这里的代码是HTML。如果有兴趣的可以试试用JavaScript

潇湘夜雨寒

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫