Web form builder script using PHP and jQuery

Web form builder script using PHP and jQuery

Introduction

This is a simple PHP and jQuery project that allows users to create a dynamic form. The project is inspired by works like Google Forms, although this web application has only the main features of the existing program. This project can be used to conduct surveys, online job application forms, etc.

About the web application

This simple form builder web application has CRUD (create, read, update and delete) operations for the form. In creating the form, the user can set the title of the form, descriptions, multiple questions and a specific type of choice to answer the questions. This form builder controls 4 different types of input fields for the type of answers/choices, which are: Paragraph, Input/File Upload, Checkboxes (multiple options can select more than one item) and Buttons. radio (can only choose 1 item). After creating the form, the system provides a link of the form that the creator/author of the form can share to collect responses. The web application also stores the responses of users who have answered/filled the form.

Possibilities

• Create a form
• View form
• Update the form
• Delete form
• View reply list
• View user replies
• Downloadable link for uploaded file
• The web form builder program has been developed using the following:
• PHP
• JQuery
• Ajax
• Bootstrap
• pictures
• Create a form page

Sample of runtime images

How to implement the requirements and install/launch

1. Download and install any local web server such as XAMPP / WAMP. (PHP version must be at least +7)
2. Download the source code zip file provided. (Download button is below)
3. Extract the downloaded source code zip file.
4. Open your XAMPP / WAMP control panel and launch Apache and MySQL.
5. If you are using XAMPP, copy the source code folder to your htdocs folder, and if you are using WAMP, copy the www.
6. Place the SQL file in the database directory in the extracted source code folder. This file is known as form_builder_db.sql
7. Open a browser and browse PHPMyAdmin. http: // localhost / phpmyadmin
8. Create a new database named form_builder_db and import the provided SQL file.
9. Browse the Form Builder web application. I mean http: // localhost / form_builder

Dear user, you are offered a download