PHP 개발 메시지 보드 튜토리얼 로그인 페이지

마지막 섹션에서는 메시지 게시판 홈페이지로 이동한 후 제목 오른쪽 하단에 로그인 및 등록이 있습니다.

로그인을 클릭하면 login.php로 이동합니다.

아래 그림과 같이

코드는 다음과 같습니다:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>欢迎登录</title>
    <style type="text/css">
        *{margin: 0px;padding: 0px;}
        body{background:#eee;}

        #div{width:300px;height:400px;background:#B1FEF9;margin:0 auto;margin-top:150px;
            border-radius:20px;}
        h3{margin-left:48px;padding-top:60px;}
        h4{margin-left:120px;padding-top:60px;font-size: 18px;}
        #cnt{width:280px;height:370px;margin-left:33px;padding-top:60px;}
        .sub{width:70px;height:30px;border:1px solid #fff;background:#eee;
            margin-left:28px;margin-top:20px;}
        .sub1{
            width:70px;height:30px;border:1px solid #fff;background:#eee;margin-left:150px;margin-top:20px;}
    </style>
</head>
<body>
    <div id="div">
        <h3>欢迎登陆后台管理系统</h3>
        <div id="cnt">
            <form method="post" action="main.php">
                用户名：<input type="text" placeholder="请输入用户名" name="username">
                <br><br>
                密 码：<input type="password" placeholder="请输入密码" name="password">
                <br><br>
                <input type="submit" value="登录">
            </form>
        </div>
    </div>
</body>
</html>

모두 주목하세요: 양식은 main.php에 제출됩니다. 친구들, 디버깅을 위해 소스 코드를 로컬에 복사할 수 있습니다

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎登录</title> <style type="text/css"> *{margin: 0px;padding: 0px;} body{background:#eee;} #div{width:300px;height:400px;background:#B1FEF9;margin:0 auto;margin-top:150px; border-radius:20px;} h3{margin-left:48px;padding-top:60px;} h4{margin-left:120px;padding-top:60px;font-size: 18px;} #cnt{width:280px;height:370px;margin-left:33px;padding-top:60px;} .sub{width:70px;height:30px;border:1px solid #fff;background:#eee; margin-left:28px;margin-top:20px;} .sub1{ width:70px;height:30px;border:1px solid #fff;background:#eee;margin-left:150px;margin-top:20px;} </style> </head> <body> <div id="div"> <h3>欢迎登陆后台管理系统</h3> <div id="cnt"> <form method="post" action="main.php"> 用户名：<input type="text" placeholder="请输入用户名" name="username"> <br><br> 密码：<input type="password" placeholder="请输入密码" name="password"> <br><br> <input type="submit" value="登录" class="sub"> </form> </div> </div> </body> </html>

제출하다 코드 재설정

자동운전