PHP 개발 등록 프런트엔드 페이지

등록 페이지는 크게 복잡하지 않고 기능 구현 위주로 되어 있어서 이전 로그인 페이지를 그대로 가져가서 변경했습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>注册页面</title>
    <link rel="stylesheet" type="text/css" href="/phpMyAdmin/login.css"/>    //引用CSS样式
</head>
<body>
<div>
    <img src="http://keep60.com/Project/SxgAdmin/Public/images/platform_login_header_bg.png"/>
</div>
<div class="mt70 w432 mar_auto re min_h400">
    <form name="form1" id="form1" method="post" action="regedit.php">
        <p><input type="text" class="pf_ipt_user" placeholder="请输入账号" autocomplete="off" name="username" id="_username" tabindex="1"/></p>
        <p><input type="password" class="pf_ipt_pass pass_bg_1" placeholder="请输入密码" autocomplete="off" name="password" id="_password" tabindex="2"/></p>
        <p><input type="password" class="pf_ipt_pass pass_bg_1" placeholder="请再输入一次" autocomplete="off" name="pwd_again" id="_password1" tabindex="3"/></p>
        <p>
            <button  class="btn_1 w430">注册</button>
        </p>
    </form>
</div>
</body>
</html>

페이지도 매우 간단하고, 지나치게 복잡한 것도 없어서 자세히 소개하지 않겠습니다.

지속적인 학습

새로운 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, 
     user-scalable=no">
 <meta name="format-detection" content="telephone=no" />
 <title>注册页面</title>
<style>
 .mar_auto {
 margin-right: auto;
 margin-left: auto;
}
.re {
 position: relative;
}
.mt70 {
 margin-top: 70px;
}
.min_h400 {
 min-height: 400px;
}
.w432 {
 width: 432px;
}
.btn_1 {
 display: inline-block;
 line-height: 16px;
 padding: 15px 0;
 margin-bottom: 30px;
 border-radius: 3px;
 font-family: Microsoft YaHei,SimHei;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX