用PHP与html做一个简单的登录页面

这篇具有很好参考价值的文章主要介绍了用PHP与html做一个简单的登录页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

用PHP与html做一个简单的登录页面

login.html的设计

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./login.css">
</head>
<body>
    <div class="loginCard">
        <div class="logo">
            <img src="./mag/logo.png" alt="" srcset="">
        </div>
        <form action="./login.php" method="post">
            <label for="">昵称:</label>
            <input type="text" name="username" id="" placeholder="请输入昵称"><br><br>
            <label for="">密码:</label>
            <input type="password" name="password" id="" placeholder="请输入密码"><br><br>
            <button type="submit">登录</button>
        </form>
    </div>
</body>
</html>

login.css

body{
    background-image: url(mag/login_beijing.jpg);
    /* 平铺图片 */
    background-size: cover;
}
.loginCard{
    /* 自适应 */
    width: fit-content;
    /* 上右下左边距 */
    padding: 12px 24px;
    /* 边框 */
    border: 1px solid red;
    /* 外边距 */
    margin: 200px auto;
    box-shadow: 2px 2px 10px 1px #adadb3;
    border-radius: 4px;
    background-color: rgb(255, 255, 255,0.5);
}
.loginCard .logo{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    transform: translateY(-40px);
    border: 1px solid coral;
    border-radius: 50px;
    background-color: #F6F6F6;
    box-shadow: 2px 2px 10px 1px #adadb3;
}
.loginCard .logo img{
    width: 70%;
    padding: 9px;
}

login.php

<?php
    session_start();
    if(!isset($_SESSION['uuser'])){
        $username=$_POST["username"];
        $password=$_POST["password"];
        if($username=="张三" && $password=="123456"){
            $_SESSION['uuser']=$username;
            echo "成功登录";
        }else{
            echo "非法登录"; 
        }
    }else{
        echo "已经登录";
        unset($_SESSION['uuser']);
    }
?>

素材

用PHP与html做一个简单的登录页面,PHP,php,html,开发语言
用PHP与html做一个简单的登录页面,PHP,php,html,开发语言

效果

http://localhost/xinwen/login.html
用PHP与html做一个简单的登录页面,PHP,php,html,开发语言文章来源地址https://www.toymoban.com/news/detail-756600.html

到了这里,关于用PHP与html做一个简单的登录页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 教你使用PHP实现一个轻量级HTML模板引擎

    🏆作者简介,黑夜开发者,全栈领域新星创作者✌,2023年6月csdn上海赛道top4。多年电商行业从业经验,对系统架构,数据分析处理等大规模应用场景有丰富经验。 🏆本文已收录于PHP专栏:PHP进阶实战教程。 🏆另有专栏PHP入门基础教程,希望各位大佬多多支持❤️。 在 W

    2024年02月15日
    浏览(51)
  • PHP从入门到精通—PHP开发入门-PHP概述、PHP开发环境搭建、PHP开发环境搭建、第一个PHP程序、PHP开发流程

    每开始学习一门语言,都要了解这门语言和进行开发环境的搭建。同样,学生开始PHP学习之前,首先要了解这门语言的历史、语言优势等内容以及了解开发环境的搭建。 PHP概述 Ø 认识PHP PHP最初是由Rasmus Lerdorf于1994年为了维护个人网页而编写的一个简单程序。这个程序用来显

    2024年02月14日
    浏览(65)
  • 如何使用PHPUnit编写一个PHP单元测试-简单的代码示例

    在软件开发过程中,单元测试是一种重要的测试方法,可以确保代码的质量和可靠性。在PHP开发中,也可以通过编写单元测试来验证代码的正确性。下面将介绍一些编写PHP单元测试的基本步骤和常用工具。 首先,你需要一个PHP单元测试框架,比如PHPUnit。PHPUnit是PHP社区最流行

    2024年02月04日
    浏览(56)
  • ⏱️TimeHelper——一个简单快捷的PHP日期时间助手类库

    TimeHelper 是一个简单易用的 PHP时间日期助手类库 ,可以快速实现常用的时间日期操作,比如获取指定时间的秒数,获取友好的时间格式,判断时间范围,计算两个时间相差值,返回N小时/天/星期/月/年前或者后的时间戳等等 简单易用: 不依赖任何扩展, 开箱即用 化繁为简: 所有方法都

    2024年02月09日
    浏览(50)
  • HTML写一个简单的登录注册界面

    希望对你们有所帮助,再此感谢各位读者的支持,再次感谢!!! 

    2024年02月12日
    浏览(41)
  • 使用Html做一个简单的登陆页面

    目录 绪论 一、新建一个html项目 二、制作整体框架 三、使用CSS进行修饰 四、更新内容 html作为一个常用的前端语言,使用的人群范围是很大的; 如果你想要成为一个前端工程师,那必不可少的就要做一个登陆页面; 登录页面一般就是账号和密码,另外还需要验证码验证需求

    2024年02月06日
    浏览(53)
  • 用HTML写一个简单的静态登陆页面

    以上代码创建了一个简单的登录页面,其中包含一个容器( .container )来放置登录表单。表单包括一个用户名输入框( input type=\\\"text\\\" )以及一个密码输入框( input type=\\\"password\\\" ),还有一个登录按钮( button )用于提交表单。页面使用了一些简单的 CSS 样式来美化表单的外观。

    2024年02月15日
    浏览(50)
  • 4.php开发-个人博客项目&登录验证&cookie&session&验证码安全​

    目录 知识点 本节大纲思路 ——这里以我自己的为例—— cookie验证—————— login1.php-登录后台界面 login_check.php-检查,作为包含文件 add_news.php-后台界面 php编码 如何创建 Cookie?--setcookie() 语法 实例 1 php header跳转 演示案例-cookie验证脆弱问题 session验证—————— sess

    2024年01月25日
    浏览(47)
  • 4.php开发-个人博客项目&登录验证&cookie&session&验证码安全

    目录 4.php开发-个人博客项目登录验证cookiesession验证码安全 知识点 本节大纲思路 ——这里以我自己的为例—— cookie验证—————— login1.php-登录后台界面 login_check.php-检查,作为包含文件 add_news.php-后台界面 php编码 如何创建 Cookie?--setcookie() 语法 实例 1 php header跳转 演示

    2024年01月23日
    浏览(47)
  • 使用原生js写一个简单的注册登录页面

    目录 1.注册页面 2.登录页面 1.首先是我们的注册页面 这是我们的html骨架  这是css样式 下面就是我们注册的js封装了         这里的函数调用直接写到了html里面的button事件上面了 这就是我的注册页面 ,当然各位要是觉得不好看也可以换成自己喜欢的图片; 2.登陆页面      

    2024年02月11日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包