cara membuat form pendaftaran user dengan php
cara membuat form pendaftaran user dengan php - pada kesempatan yang lalu saya telah memposting cara membuat halaman login dan cara mengkoneksikannya ke database. Jika kalian belum membacanya silahkan baca terlebih dahulu dikarenakan in saling beterkaitan.
baca juga : Cara Membuat form Logn
Pertama
Silahkan anda jalankan dulu xampps nya. Jika tidak punya silahkan download terlebih dahulu di posrtingan saya sebelumnya atau klik disini untuk downloadnya.
Kedua
Buka text editor yang kalian bisa notepad++,Sublime, dan lain-lain. Selanjutnya buatlah sebuah file dengan ekstansi php/html, untuk nama filenya terserah kalian saja yang mengninkannya. Dan jangan lupa simpan file tersebut di dalam sebuah folder baru, di dalam direktori C://xampp//htdocs. bagi yang belum faham cara membuat foldernya silahkan baca di post saya, untuk linknya sudah ada di atas
Ketiga
Silahkan copy script di bawah, dan pastekan di file yang anda buat tadi.
<!DOCTYPE html> <html> <head> <title>Daftar</title> <link rel="stylesheet" type="text/css" href="css/regis.css"> </head> <body> <div class="utama"> <form method="post" action=""> <table> <tr> <td class="judul" colspan="3">Lengkapi Form Dibawah</td> </tr> <tr> <td>Username</td> <td>:</td> <td class="input"> <input type="text" name="user" placeholder="Username" required / > </td> </tr> <tr> <td>Password</td> <td>:</td> <td class="input"> <input type="Password" name="pass" placeholder="Password" required / > </td> </tr> <tr> <td>Nama</td> <td>:</td> <td class="input"> <input type="text" name="nama" placeholder ="Nama" required /> </td> </tr> <tr> <td>Jenis Kelamin</td> <td>:</td> <td> <select name="jk" required /> <option value="">- Pilih Salah Satu -</option> <option value="Laki-laki">Laki-laki</option> <option value="Perempunan">Perempunan</option> <</select> </td> </tr> <tr> <td>Alamat</td> <td>:</td> <td> <textarea name="alamat" rows="6" placeholder="Alamat" required /></textarea> </td> </tr> <tr> <td></td> <td></td> <td class="input"> <input type="submit" name="regis" value="Daftar" class="daf"> </td> </tr> </table> </form> </div> </body> </html>
Keempat
Untuk menambahkan css silahkan buat file baru dengan nama regis.css , dan buatlah folder css dalam folderyangkalan buat tadi, kemudian simpanlah file css nya kedalam folder css. untuk script-nya silahkan copy .
body{ background-color: #fff; color: #4CAF50; } .utama{ width: 80%; margin: 0 auto; margin-top: 12%; } .utama form table{ padding: 0; margin-left: 5%; font-size: 20px; } .utama form table .judul{ font-size: 30px; text-align: center; padding-bottom: 20px; } .utama form table tr td{ padding-left: 10px; padding-bottom: 10px; font-size: 30px; } .utama form table tr .input input{ width: 800px; height: 40px; border: 2px solid #4CAF50; border-radius: 10px; background-color: #fff; } select{ padding-top: 0; width: 18%; height: 40px; border-radius: 10px; border:2px solid #4CAF50; text-align: center; } select option{ padding-left: 1px; } textarea{ padding-top: 0; border: 2px solid #4CAF50; width: 800px; border-radius: 10px; } .utama form table tr .input .daf{ background-color: #4CAF50; cursor: pointer; width: 810px; color: #fff; }
jika sudah jalankan di browser anda dengan cara ketik localhost/'nama folder yang anda buat tadi'.saya rasa cukup untuk postingan cara membuat form pendaftaran user dengan php. Untuk kalian yang ingin source code lengkapnya silahkan download disini. Dan jangan lupa bagikan artkel ini jika bermanfaat bagi kalian dan tentunya semangkin banyak orang yang tahu.
0 Response to "cara membuat form pendaftaran user dengan php"
Posting Komentar