masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Halaman log masuk tutorial papan mesej pembangunan PHP

Di bahagian terakhir, kami akan pergi ke halaman utama papan mesej, dan kemudian terdapat log masuk dan pendaftaran di sudut kanan bawah tajuk

Klik untuk log masuk, kami melompat untuk log masuk. php

Seperti yang ditunjukkan di bawah:

登录.png

Kod adalah seperti berikut: 

<!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>

Sila ambil perhatian: borang diserahkan kepada main.php . Rakan, anda boleh menyalin kod sumber secara setempat untuk penyahpepijatan

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492873 permainan