First introduction to PHP development registration page

I believe everyone is familiar with the registration page. The registration page allows users to fill in some information, such as username, password, email address, gender, etc., all on our registration page. Today we will teach you how to make a registration page

First look at the registration page picture below

The picture above is a relatively simple registration page for us , there is one more confirmation password than the login page we made before. This is to prevent the user from entering different passwords twice, resulting in an incorrect password. We will start to make our HTML page in the next chapter

Tips: The registration page we demonstrate to you is the simplest registration page. It only has a username and password. However, the registration pages we encounter in our daily life include mobile phone numbers, email addresses, etc. Yes, when everyone is familiar with the program, I believe you can create colorful pages

Create the files we need

Process the data received from the reg.html page and save the data to the user data table

File name

reg.html

reg.php

yanzhengma.php

Main functions

##Front desk registration page

Verification code program

Continuing Learning

new file

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆界面</title> <script type="text/javascript"> function checkinput() { if($('#name').val() == ''){ alert("你的用户名不能为空"); $('#name').focus(); return false; } if($('#pwd').val() == ''){ alert("你的密码不能为空"); $('#pwd').focus(); return false; } if($('#pwd').val() != $('#pwdconfirm').val()){ alert("你输入的两次密码不一致，请重新输入！"); $('#pwd').focus(); return false; } if($('#yzm').val() == ''){ alert("你的验证码不能为空"); $('#yzm').focus(); return false; } } </script> <style type="text/css"> body{background-color: rgba(223, 255, 231, 0.28) } .container{ border-radius: 25px; box-shadow: 0 0 20px #222; width: 380px; height: 400px; margin: 0 auto; margin-top: 200px; background-color: rgba(152, 242, 242, 0.23); } input{ width: 180px; height: 25px; } button{ background-color: rgba(230, 228, 236, 0.93); border: none; color: #110c0f; padding: 10px 70px; text-align: center; display: inline-block; font-size: 16px; cursor: pointer; margin-top: 30px; margin-left: 50px; } div.right { position: relative; left: 40px; top: 20px; } </style> </head> <body> <form action="" method="post" onsubmit=" return checkinput();" > <div class="container"> <div class="right"> <h2>用户注册</h2> <p>用户名：<input type="text" name="name" id="name"></p> <p>密　　码: <input type="password" name="pwd" id="pwd"></p> <p>确认密码: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>验证码：<input type="text" name="yzm" id="yzm"> <img src="yanzhengma.php" onClick="this.src='yanzhengma.php?nocache='+Math.random()" style="cursor:hand"></p> <p><button type="submit" value="注册" >立即注册</button></p> </div> </div> </form> </body> </html>

submit Reset Code

Automatic operation

First introduction to PHP development registration page

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]