简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Pengenalan pertama kepada halaman pendaftaran pembangunan PHP

Saya percaya semua orang biasa dengan halaman pendaftaran Halaman pendaftaran membolehkan pengguna mengisi beberapa maklumat, seperti nama pengguna, kata laluan, e-mel, jantina, dll., semuanya di halaman pendaftaran kami. Hari ini kami akan mengajar anda cara membuat halaman pendaftaran

Pertama lihat gambar halaman pendaftaran di bawah

4.jpg

Gambar di atas agak mudah halaman pendaftaran kami, terdapat satu lagi kata laluan pengesahan daripada halaman log masuk yang kami buat sebelum ini. Ini adalah untuk mengelakkan pengguna daripada memasukkan kata laluan yang berbeza dua kali, mengakibatkan ralat kata laluan Kami akan mula membuat halaman HTML kami dalam bab seterusnya

Petua: Halaman pendaftaran yang kami tunjukkan kepada anda adalah halaman pendaftaran yang paling mudah, namun, halaman pendaftaran yang kami temui dalam kehidupan seharian kami nombor telefon bimbit, alamat e-mel, dsb. Ya, setelah semua orang sudah biasa dengan program ini, saya percaya anda boleh mencipta halaman berwarna-warni

Buat fail yang kami perlukan

Nama failreg.html reg .phpyanzhengma.php
文件名reg.htmlreg.phpyanzhengma.php


主要功能


前台注册页面

处理接收reg.html页面传过来的数据，将数据保存到user数据表中


验证码程序

< /td>< tr>


<🎜 >Fungsi utama<🎜><🎜> <🎜><🎜><🎜>Halaman pendaftaran<🎜>Proses data yang diterima daripada halaman reg.html dan simpan data ke jadual data pengguna<🎜><🎜><🎜><🎜>Program kod pengesahan<🎜>< /tbody> <🎜><🎜><🎜>
Meneruskan pembelajaran
||
<!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>
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)  491953 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！