How to create a Simple Registration Form Using Modal

In this tutorial I'm going to show you how to create a simple registration form using Modal. Instead of creating new web page for a registration form, we will use modal so that we could save memory and space in our web directory. To start with application we need to download first a twitter bootstrap framework for this we’ll be using it for this application. After downloading, extract it and copy these three folders such as : css, fonts and js and then we will create a new folder inside the document root called ”Register” then we will paste the copied folder inside this folder. Here’s the folder structure: Register/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ ├── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff At this time, we’re going to create a new PHP file called “login.php”. And add the following code: This code below will display a simple login form, but our main focus is to display a modal for Registration. And this Modal for Registration Form will trigger when the user click the “Not Registered?” link. When you execute the code in the browser, it will look like as shown below: Then we’re going to add the following code in the space provided for Modal, and here’s the following code: When the code above is executed, it will look like as shown below: And here’s the following classes used for this application: