亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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

4.jpg

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 namereg.htmlreg.phpyanzhengma.php


Main functions


##Front desk registration page


Verification code program


Continuing Learning
||
<!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("你輸入的兩次密碼不一致,請(qǐng)重新輸入!"); $('#pwd').focus(); return false; } if($('#yzm').val() == ''){ alert("你的驗(yàn)證碼不能為空"); $('#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>用戶注冊(cè)</h2> <p>用 戶 名:<input type="text" name="name" id="name"></p> <p>密  碼: <input type="password" name="pwd" id="pwd"></p> <p>確認(rèn)密碼: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>驗(yàn) 證 碼:<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="注冊(cè)" >立即注冊(cè)</button></p> </div> </div> </form> </body> </html>
submitReset Code