H1在网页里是什么意思？_百度知道&h1&This is a heading&/h1&里面的this is a heading 是元素，刚学HTML不太懂 专业的能帮解答下？_百度知道Create Login and Registration Form in PHP Using OOP
No new messages.
Password :
Remember me
Login using
In this article, I create a login form and registration in PHP using a class and object, CSS, JavaScript and MySQL.
Download Files:
This article makes it easy to learn and use functions and sessions. Look at the following procedure.Step 1 Create a database as in the following:
Create&database&login_&& Step 2 Create a table as in the following:
CREATE&TABLE&IF&NOT&EXISTS&`users`&(&& &&`id`&int(11)&NOT&NULL&AUTO_INCREMENT,&& &&`username`&varchar(30)&NOT&NULL,&& &&`emailid`&varchar(30)&NOT&NULL,&& &&`password`&varchar(30)&NOT&NULL,&& &&&PRIMARY&KEY&(`id`)&& )&ENGINE=MyISAM&&DEFAULT&CHARSET=latin1&AUTO_INCREMENT=3&;&& Step 3 Create a form named index.php as in the following:
&!DOCTYPE&html&&& &&html&lang="en"&class="no-js"&&& &&head&&& &&&&&&&&&meta&charset="UTF-8"&/&&& &&&&&&&&&title&Login&and&Registration&Form&with&HTML5&and&CSS3&/title&&& &&&&&&&&&meta&name="viewport"&content="width=device-width,&initial-scale=1.0"&&&& &&&&&&&&&meta&name="description"&content="Login&and&Registration&Form&with&HTML5&and&CSS3"&/&&& &&&&&&&&&meta&name="keywords"&content="html5,&css3,&form,&switch,&animation,&:target,&pseudo-class"&/&&& &&&&&&&&&meta&name="author"&content="Codrops"&/&&& &&&&&&&&&link&rel="shortcut&icon"&href="../favicon.ico"&&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/demo.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/style2.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/animate-custom.css"&/&&& &&&&&/head&&& &&&&&body&&& &&&&&&&&&div&class="container"&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&header&&& &&&&&&&&&&&&&&&&&h1&Login&and&Registration&Form&&&/h1&&& &&&&&&&&&&&&&/header&&& &&&&&&&&&&&&&section&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&div&id="container_demo"&&&& &&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="toregister"&&/a&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="tologin"&&/a&&& &&&&&&&&&&&&&&&&&&&&&div&id="wrapper"&&& &&&&&&&&&&&&&&&&&&&&&&&&&div&id="login"&class="animate&form"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&form&name="login"&method="post"&action=""&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&h1&Log&in&/h1&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="emailsignup"&class="youmail"&data-icon="e"&&&Your&email&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="emailsignup"&name="emailid"&required="required"&type="email"&placeholder=""/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="password"&class="youpasswd"&data-icon="p"&&Your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="password"&name="password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="keeplogin"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="checkbox"&name="loginkeeping"&id="loginkeeping"&value="loginkeeping"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="loginkeeping"&Keep&me&logged&in&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="login&button"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="submit"&name="login"&value="Login"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="change_link"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Not&a&member&yet&?&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&a&href="#toregister"&class="to_register"&Join&us&/a&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&/form&&& &&&&&&&&&&&&&&&&&&&&&&&&&/div&&& && &&&&&&&&&&&&&&&&&&&&&&&&&div&id="register"&class="animate&form"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&form&name="login"&method="post"&action=""&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&h1&&Sign&up&&/h1&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="usernamesignup"&class="uname"&data-icon="u"&Your&username&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="usernamesignup"&name="username"&required="required"&type="text"&placeholder="mysuperusername690"&/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="emailsignup"&class="youmail"&data-icon="e"&&&Your&email&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="emailsignup"&name="emailid"&required="required"&type="email"&placeholder=""/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="passwordsignup"&class="youpasswd"&data-icon="p"&Your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="passwordsignup"&name="password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="passwordsignup_confirm"&class="youpasswd"&data-icon="p"&Please&confirm&your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="passwordsignup_confirm"&name="confirm_password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="signin&button"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="submit"&name="register"&value="Sign&up"/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="change_link"&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Already&a&member&?&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&a&href="#tologin"&class="to_register"&&Go&and&log&in&&/a&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&/form&&& &&&&&&&&&&&&&&&&&&&&&&&&&/div&&& &&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&/div&&& &&&&&&&&&&&&&&&&&/div&&&&& &&&&&&&&&&&&&/section&&& &&&&&&&&&/div&&& &&&&&/body&&& &/html&&& Step 4 Create a config file named config.php as in the following:
&?php&& &&&&define("DB_HOST",&'localhost');&& &&&&define("DB_USER",&'root');&& &&&&define("DB_PASSWORD",&'');&& &&&&define("DB_DATABSE",&'mypratice');&& ?&&& Step 5 Make a database connection class. Create the file named dbConnect.php as in the following:
&?php&& &&&&class&dbConnect&{&& &&&&&&&&function&__construct()&{&& &&&&&&&&&&&&require_once('config.php');&& &&&&&&&&&&&&$conn&=&mysql_connect(DB_HOST,&DB_USER,&DB_PASSWORD);&& &&&&&&&&&&&&mysql_select_db(DB_DATABSE,&$conn);&& &&&&&&&&&&&&if(!$conn)&& &&&&&&&&&&&&{&& &&&&&&&&&&&&&&&&die&("Cannot&connect&to&the&database");&& &&&&&&&&&&&&}&&& &&&&&&&&&&&&return&$conn;&& &&&&&&&&}&& &&&&&&&&public&function&Close(){&& &&&&&&&&&&&&mysql_close();&& &&&&&&&&}&& &&&&}&& ?&&& Step 6 Make a Function class. Create the file named dbFunction.php as in the following:
&?php&& require_once&'dbConnect.php';&& session_start();&& &&&&class&dbFunction&{&& &&&&&&&&&&&& &&&&&&&&function&__construct()&{&& &&&&&&&&&&&&&& &&&&&&&&&&&&&& &&&&&&&&&&&&$db&=&new&dbConnect();;&& &&&&&&&&&&&&&&& &&&&&&&&}&& &&&&&&&&&& &&&&&&&&function&__destruct()&{&& &&&&&&&&&&&&&& &&&&&&&&}&& &&&&&&&&public&function&UserRegister($username,&$emailid,&$password){&& &&&&&&&&&&&&&&&&$password&=&md5($password);&& &&&&&&&&&&&&&&&&$qr&=&mysql_query("INSERT&INTO&users(username,&emailid,&password)&values('".$username."','".$emailid."','".$password."')")&or&die(mysql_error());&& &&&&&&&&&&&&&&&&return&$qr;&& &&&&&&&&&&&&&&& &&&&&&&&}&& &&&&&&&&public&function&Login($emailid,&$password){&& &&&&&&&&&&&&$res&=&mysql_query("SELECT&*&FROM&users&WHERE&emailid&=&'".$emailid."'&AND&password&=&'".md5($password)."'");&& &&&&&&&&&&&&$user_data&=&mysql_fetch_array($res);&& &&&&&&&&&&&&&& &&&&&&&&&&&&$no_rows&=&mysql_num_rows($res);&& &&&&&&&&&&&&&& &&&&&&&&&&&&if&($no_rows&==&1)&&& &&&&&&&&&&&&{&& &&&&&&&&&&& &&&&&&&&&&&&&&&&$_SESSION['login']&=&&& &&&&&&&&&&&&&&&&$_SESSION['uid']&=&$user_data['id'];&& &&&&&&&&&&&&&&&&$_SESSION['username']&=&$user_data['username'];&& &&&&&&&&&&&&&&&&$_SESSION['email']&=&$user_data['emailid'];&& &&&&&&&&&&&&&&&&return&TRUE;&& &&&&&&&&&&&&}&& &&&&&&&&&&&&else&& &&&&&&&&&&&&{&& &&&&&&&&&&&&&&&&return&FALSE;&& &&&&&&&&&&&&}&& &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&& &&&&&&&&}&& &&&&&&&&public&function&isUserExist($emailid){&& &&&&&&&&&&&&$qr&=&mysql_query("SELECT&*&FROM&users&WHERE&emailid&=&'".$emailid."'");&& &&&&&&&&&&&&echo&$row&=&mysql_num_rows($qr);&& &&&&&&&&&&&&if($row&&&0){&& &&&&&&&&&&&&&&&&return&&& &&&&&&&&&&&&}&else&{&& &&&&&&&&&&&&&&&&return&&& &&&&&&&&&&&&}&& &&&&&&&&}&& &&&&}&& ?&&& Step 7 After the preceding procedure use the Function in index.php as in the following:
&?php&& &&&&include_once('dbFunction.php');&& &&&&&&& &&&&$funObj&=&new&dbFunction();&& &&&&if($_POST['login']){&& &&&&&&&&$emailid&=&$_POST['emailid'];&& &&&&&&&&$password&=&$_POST['password'];&& &&&&&&&&$user&=&$funObj-&Login($emailid,&$password);&& &&&&&&&&if&($user)&{&& &&&&&&&&&&&&&& &&&&&&&&&&&header("location:home.php");&& &&&&&&&&}&else&{&& &&&&&&&&&&&&&& &&&&&&&&&&&&echo&"&script&alert('Emailid&/&Password&Not&Match')&/script&";&& &&&&&&&&}&& &&&&}&& &&&&if($_POST['register']){&& &&&&&&&&$username&=&$_POST['username'];&& &&&&&&&&$emailid&=&$_POST['emailid'];&& &&&&&&&&$password&=&$_POST['password'];&& &&&&&&&&$confirmPassword&=&$_POST['confirm_password'];&& &&&&&&&&if($password&==&$confirmPassword){&& &&&&&&&&&&&&$email&=&$funObj-&isUserExist($emailid);&& &&&&&&&&&&&&if(!$email){&& &&&&&&&&&&&&&&&&$register&=&$funObj-&UserRegister($username,&$emailid,&$password);&& &&&&&&&&&&&&&&&&if($register){&& &&&&&&&&&&&&&&&&&&&&&echo&"&script&alert('Registration&Successful')&/script&";&& &&&&&&&&&&&&&&&&}else{&& &&&&&&&&&&&&&&&&&&&&echo&"&script&alert('Registration&Not&Successful')&/script&";&& &&&&&&&&&&&&&&&&}&& &&&&&&&&&&&&}&else&{&& &&&&&&&&&&&&&&&&echo&"&script&alert('Email&Already&Exist')&/script&";&& &&&&&&&&&&&&}&& &&&&&&&&}&else&{&& &&&&&&&&&&&&echo&"&script&alert('Password&Not&Match')&/script&";&& &&&&&&&&&& &&&&&&&&}&& &&&&}&& ?&&& &!DOCTYPE&html&&& &&html&lang="en"&class="no-js"&&& &&head&&& &&&&&&&&&meta&charset="UTF-8"&/&&& &&&&&&&&&title&Login&and&Registration&Form&with&HTML5&and&CSS3&/title&&& &&&&&&&&&meta&name="viewport"&content="width=device-width,&initial-scale=1.0"&&&& &&&&&&&&&meta&name="description"&content="Login&and&Registration&Form&with&HTML5&and&CSS3"&/&&& &&&&&&&&&meta&name="keywords"&content="html5,&css3,&form,&switch,&animation,&:target,&pseudo-class"&/&&& &&&&&&&&&meta&name="author"&content="Codrops"&/&&& &&&&&&&&&link&rel="shortcut&icon"&href="../favicon.ico"&&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/demo.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/style2.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/animate-custom.css"&/&&& &&&&&/head&&& &&&&&body&&& &&&&&&&&&div&class="container"&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&header&&& &&&&&&&&&&&&&&&&&h1&Login&and&Registration&Form&&&/h1&&& &&&&&&&&&&&&&/header&&& &&&&&&&&&&&&&section&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&div&id="container_demo"&&&& &&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="toregister"&&/a&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="tologin"&&/a&&& &&&&&&&&&&&&&&&&&&&&&div&id="wrapper"&&& &&&&&&&&&&&&&&&&&&&&&&&&&div&id="login"&class="animate&form"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&form&name="login"&method="post"&action=""&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&h1&Log&in&/h1&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="emailsignup"&class="youmail"&data-icon="e"&&&Your&email&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="emailsignup"&name="emailid"&required="required"&type="email"&placeholder=""/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="password"&class="youpasswd"&data-icon="p"&&Your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="password"&name="password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="keeplogin"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="checkbox"&name="loginkeeping"&id="loginkeeping"&value="loginkeeping"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="loginkeeping"&Keep&me&logged&in&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="login&button"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="submit"&name="login"&value="Login"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="change_link"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Not&a&member&yet&?&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&a&href="#toregister"&class="to_register"&Join&us&/a&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&/form&&& &&&&&&&&&&&&&&&&&&&&&&&&&/div&&& && &&&&&&&&&&&&&&&&&&&&&&&&&div&id="register"&class="animate&form"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&form&name="login"&method="post"&action=""&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&h1&&Sign&up&&/h1&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="usernamesignup"&class="uname"&data-icon="u"&Your&username&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="usernamesignup"&name="username"&required="required"&type="text"&placeholder="mysuperusername690"&/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="emailsignup"&class="youmail"&data-icon="e"&&&Your&email&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="emailsignup"&name="emailid"&required="required"&type="email"&placeholder=""/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="passwordsignup"&class="youpasswd"&data-icon="p"&Your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="passwordsignup"&name="password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="passwordsignup_confirm"&class="youpasswd"&data-icon="p"&Please&confirm&your&password&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&id="passwordsignup_confirm"&name="confirm_password"&required="required"&type="password"&placeholder="eg.&X8df!90EO"/&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="signin&button"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="submit"&name="register"&value="Sign&up"/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="change_link"&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&Already&a&member&?&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&a&href="#tologin"&class="to_register"&&Go&and&log&in&&/a&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&/form&&& &&&&&&&&&&&&&&&&&&&&&&&&&/div&&& &&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&/div&&& &&&&&&&&&&&&&&&&&/div&&&&& &&&&&&&&&&&&&/section&&& &&&&&&&&&/div&&& &&&&&/body&&& &/html&&& Step 8 Create a Home Page named home.php as in the following:
&?php&&& &&&&include_once('dbFunction.php');&& &&&&if($_POST['welcome']){&& &&&&&&&&&& &&&&&&&&session_unset();&&& && &&&&&&&&&& &&&&&&&&session_destroy();&& &&&&}&& &&&&if(!($_SESSION)){&& &&&&&&&&header("Location:index.php");&& &&&&}&& ?&&& &!DOCTYPE&html&&& &&html&lang="en"&class="no-js"&&& &&head&&& &&&&&&&&&meta&charset="UTF-8"&/&&& &&&&&&&&&title&Login&and&Registration&Form&with&HTML5&and&CSS3&/title&&& &&&&&&&&&meta&name="viewport"&content="width=device-width,&initial-scale=1.0"&&&& &&&&&&&&&meta&name="description"&content="Login&and&Registration&Form&with&HTML5&and&CSS3"&/&&& &&&&&&&&&meta&name="keywords"&content="html5,&css3,&form,&switch,&animation,&:target,&pseudo-class"&/&&& &&&&&&&&&meta&name="author"&content="Codrops"&/&&& &&&&&&&&&link&rel="shortcut&icon"&href="../favicon.ico"&&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/demo.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/style2.css"&/&&& &&&&&&&&&link&rel="stylesheet"&type="text/css"&href="css/animate-custom.css"&/&&& &&&&&/head&&& &&&&&body&&& &&&&&&&&&div&class="container"&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&& &&&&&&&&&&&&&header&&& &&&&&&&&&&&&&&&&&h1&Welcome&Form&&&/h1&&& &&&&&&&&&&&&&/header&&& &&&&&&&&&&&&&section&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&div&id="container_demo"&&&& &&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="toregister"&&/a&&& &&&&&&&&&&&&&&&&&&&&&a&class="hiddenanchor"&id="tologin"&&/a&&& &&&&&&&&&&&&&&&&&&&&&div&id="wrapper"&&& &&&&&&&&&&&&&&&&&&&&&&&&&div&id="login"&class="animate&form"&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&form&name="login"&method="post"&action=""&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&h1&Welcome&&/h1&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="emailid"&class="uname"&&&&&Your&Name&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&?=$_SESSION['username']?&&& &&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&label&for="email"&class="youpasswd"&&&&Your&Email&&/label&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&?=$_SESSION['email']?&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&p&class="login&button"&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&input&type="submit"&name="welcome"&value="Logout"&/&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/p&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&/form&&& &&&&&&&&&&&&&&&&&&&&&&&&&/div&&& && &&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&/div&&& &&&&&&&&&&&&&&&&&/div&&&&& &&&&&&&&&&&&&/section&&& &&&&&&&&&/div&&& &&&&&/body&&& &/html&&& Step 9 After the preceding procedure has been done run your program. After running it the following wil be the output screens.1- Login Screen2- Registration Screen3- Home Screen}