PHP development message board tutorial login page
In the last section, we will go to the homepage of the message board, and then there is login and registration in the lower right corner of the title
Click to log in, we will jump to login.php
As shown below:
The code is as follows:
<!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>Please note: the form is submitted to main.php. Friends, you can copy the source code to local for debugging
Next Section<!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>
