Scribd
Upload
73 views

Registration Form

This document contains the code for a registration form with fields for name, ID number, email, password, department, and user type. The form code uses PHP to connect to a database and insert submitted registration data into a user table. If registration is successful, a success alert is displayed and the user is redirected to the login page. Error messages are also displayed if the email/password already exist or passwords do not match. The form is styled with CSS.

Uploaded by

christine villanueva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
73 views

Registration Form

This document contains the code for a registration form with fields for name, ID number, email, password, department, and user type. The form code uses PHP to connect to a database and insert submitted registration data into a user table. If registration is successful, a success alert is displayed and the user is redirected to the login page. Error messages are also displayed if the email/password already exist or passwords do not match. The form is styled with CSS.

Uploaded by

christine villanueva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

REGISTRATION FORM

CODES:

<style>

/*

Registration Form

*/

/*

Created on : 6 Dec 2022, 8:49:31 am

Author : Christine

*/
@import url('https://fonts.googleapis.com/css2?
family=Poppins:wght@100;200;300;400;500;600&display=swap');

*{

font-family: 'Poppins', sans-serif;

margin:0; padding:0;

box-sizing: border-box;

outline: none; border:none;

text-decoration: none;

.body{

background-color: #5FCF80;

.container{

min-height: 100vh;

display: flex;

align-items: center;

justify-content: center;

padding:20px;

padding-bottom: 60px;

.container .content{

text-align: center;

}
.container .content h3{

font-size: 30px;

color:#333;

.container .content h3 span{

background: #5FCF80;

color:#fff;

border-radius: 5px;

padding:0 15px;

.container .content h1{

font-size: 50px;

color:#333;

.container .content h1 span{

color:#5FCF80;

.container .content p{

font-size: 25px;

margin-bottom: 20px;

.container .content .btn{


display: inline-block;

padding:10px 30px;

font-size: 20px;

background: #333;

color:#fff;

margin:0 5px;

text-transform: capitalize;

.container .content .btn:hover{

background: #5FCF80;

.form-container{

min-height: 100vh;

display: flex;

align-items: center;

justify-content: center;

padding:20px;

padding-bottom: 60px;

background: #eee;

.form-container form{

padding:20px;

border-radius: 5px;

box-shadow: 0 5px 10px rgba(0,0,0,.1);


background: #fff;

text-align: center;

width: 500px;

.form-container form h3{

font-size: 30px;

text-transform: uppercase;

margin-bottom: 10px;

color:#333;

.form-container form input,

.form-container form select{

width: 100%;

padding:10px 15px;

font-size: 17px;

margin:8px 0;

background: #eee;

border-radius: 5px;

.form-container form select option{

background: #fff;

.form-container form .form-btn{


background: #6BBF8D;

color:white;

text-transform: capitalize;

font-size: 20px;

cursor: pointer;

.form-container form .form-btn:hover{

background: #13B052;

color:#fff;

.form-container form p{

margin-top: 10px;

font-size: 20px;

color:black;

.form-container form p a{

color:#13B052;

.form-container form .error-msg{

margin:10px 0;

display: block;

background: #13B052;

color:#fff;
border-radius: 5px;

font-size: 20px;

padding:10px;

</style>

<?php

@include 'config.php';

if(isset($_POST['submit'])){

$name = mysqli_real_escape_string($conn, $_POST['name']);

$idno = mysqli_real_escape_string($conn, $_POST['idno']);

$email = mysqli_real_escape_string($conn, $_POST['email']);

$pass = md5($_POST['password']);

$cpass = md5($_POST['cpassword']);

$department = $_POST['department'];

$user_type = $_POST['user_type'];

$select = " SELECT * FROM user WHERE email = '$idno' &&


password = '$pass' ";
$result = mysqli_query($conn, $select);

if(mysqli_num_rows($result) > 0){

$error[] = 'user already exist!';

}else{

if($pass != $cpass){

$error[] = 'password not matched!';

}else{

$insert = "INSERT INTO `user`(`fullname`, `schoolidno`,


`email`, `password`, `department`, `user_type`) VALUES

('$name','$idno','$email','$pass','$department','$user_type')";

mysqli_query($conn, $insert);

echo "<script type='text/javascript'>alert('Registration


Successful')</script>";

header('location:login_form.php');

?>

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

<title>Register Form</title>

<!-- custom css file link -->

<link rel="stylesheet" href="css/style.css">

</head>

<body>

<div class="form-container">

<form action="" method="post">

<h3>Registration Form</h3>

<?php

if(isset($error)){

foreach($error as $error){

echo '<span class="error-msg">'.$error.'</span>';

?>
<input id='name' type="text" name="name" required
placeholder="Full Name">

<input id='idno' type="text" name="idno" required


placeholder="ID Number">

<input id='email' type="email" name="email" required


placeholder="Email">

<input id='password' type="password" name="password"


required placeholder="Password">

<input id='password' type="password" name="cpassword"


required placeholder="Confirm Password">

<select id='dept' name="department">

<option value="">Select your Department</option>

<option value="BSED">BSED</option>

<option value="BEED">BEED</option>

<option value="BSBA">BSBA</option>

<option value="BSA">BSA</option>

<option value="BSIT">BSIT</option>

<option value="BSHM">BSHM</option>

<option value="BSCRIM">BSCRIM</option>

<option value="Junior">Junior Highschool</option>

<option value="Senior">Senior Highschool</option>

</select>

<select id='type' name="user_type">

<option value="">Select your User Type</option>

<!--<option value="Admin">Admin</option>-->

<option value="Student">Student</option>

<option value="Teacher">Teacher</option>
</select>

<input type="submit" name="submit" value="register now"


id='registered' class="form-btn">

<p>Already have an account? <a href="login_form.php">Login


Now</a></p>

<p>Go Back to Home Page. <a href="index.php"> Click Here.


</a></p>

</form>

</div>

</body>

</html>

You might also like