0% found this document useful (0 votes)
15 views15 pages

Drdo Report - Merged

The document describes creating a student registration form using HTML and PHP. It includes the code for the registration and login pages. It discusses the aim of registration forms which is to allow users to create accounts for authentication and access additional site features. The software used is PHP.

Uploaded by

pandathappy00
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
0% found this document useful (0 votes)
15 views15 pages

Drdo Report - Merged

The document describes creating a student registration form using HTML and PHP. It includes the code for the registration and login pages. It discusses the aim of registration forms which is to allow users to create accounts for authentication and access additional site features. The software used is PHP.

Uploaded by

pandathappy00
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/ 15

SUMMER TRAINING

Report On
STUDENT REGISTRATION
PAGE
(Html & Php)

At

Submitted by Under the guidance


of Nitin bhardwaj Trisen Singh
Ayush Tayal
Bharati Vidyapeeth college
Table of Contents

 Project introduction
 Aim & Scope of project
 Software Environment
 Code and outputs
 Conclusion
Code & outputs:
1. Registration page:
<?php

require 'connection.php';

if(isset($_POST["submit"]))

$name=$_POST["name"];

$age=$_POST["age"];

$gender=$_POST["gender"];

$address=$_POST["address"];

$query= "INSERT INTO registration VALUES('','$name','$age','$gender','$address')";

header('Location:login.php');

mysqli_query($conn,$query);

if($query){ echo " <script> alert ('Data successfully Inserted'); </script> ";}

echo

?>

</php>

<!DOCTYPE html>

<html>

<head>

<title>Student Registration Form</title>

<link href="bootstrap-4.0.0/css/bootstrap.min.css" rel="stylesheet" />

<style>

label {

display: block;
}

</style>

</head>

<body>

<div class="container">

<div class="navbar navbar-dark bg-dark">

<table>

<tr>

<td style="margin-top: 10px;">

<span style="color:blanchedalmond;font-variant: small-caps;font-size:15px;font-style: italic;">

Student Information System

<br>

IP University-Delhi

</span>

</td>

<td>

</td>

</tr>

</table>

</div>

</div>

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

<div style="width: 80%;margin: 0 auto;background-color:azure;">

<br>

<h2><center style="font-variant: small-caps;">Student Registration Form </center></h2>


<div class="row">

<div class="col-lg-1">

</div>

<div class="col-lg-10">

<label for="first-name">First Name:</label>

<input type="text" id="first-name" name="name" required value="" class="form-control">

<label for="age">Age</label>

<input type="text" id="age" name="age" class="form-control" required>

<label for="gender">Gender:</label>

<select id="gender" name="gender" required class="form-control">

<option value="">Select Gender</option>

<option value="male">Male</option>

<option value="female">Female</option>

<option value="other">Other</option>

</select>

<label for="address">Address:</label>

<textarea id="address" name="address" required class="form-control"></textarea>

<br>

<div class="buttons">

<button type="reset">Reset</button>

<button name="submit" type="submit" value="redirect">Submit</button>

</div>

</div>

</div>

<div class="col-lg-1">

</div>
</div>

</form>

<br>

<div class="container-fluid">

<div class="navbar bg-dark bg-dark" style="color: aliceblue;">

<center>Designed and Develope by ITG</center>

</div>

</div>

</body>

</html>
2. Login page:
<?php

require 'loginconnection.php';

if(isset($_POST["submit"]))

$id=$_POST["id"];

$password=$_POST["password"];

$query= "INSERT INTO login

VALUES('','$id','$password')";

header('Location:final.php');

mysqli_query($conn,$query);

if($query){ echo " <script> alert ('Data successfully Inserted'); </script> ";}

?>

</php>

<!DOCTYPE html>

<html>

<head>

<title>Student Login</title>

</head>

<body>
<center> <h1> Student Login</h1> </center>

<form>

<div class="container">

<center><label> id : </label>

<input type="text" placeholder="Enter id" name="id" required>

<br>

<label>Password : </label>

<input type="password" placeholder="Enter Password" name="password" required></center>

<br>

<center><button type="submit" value="redirect">submit</button></center>

</div>

</form

</body>

</html>
Project Introduction
Introduction Forms are best learnt using a hands on approach. To become proficient with HTML
forms you need to create many, sorting out the problematic nuances as you go along. Therefore,
the main content of the unit is a series of sections: the first is a short introduction to HTML
forms; the second discusses each form element, and involves some textbook study. (You may
find it more convenient to postpone activities until you have covered all the form elements).
This introduction covers the main form elements. It also explains the process that occurs when a
form is submitted. The main elements of forms are: Text fields; Password fields; Text areas;
Radio buttons; Check boxes; Menu buttons and scrolling lists; Submit and reset buttons; and file
picker. HTML5 defines a number of new input types that can be used in forms. Examples are
Email address fields; web address fields; numbers as spin boxes and sliders; date pickers;
search boxes; color pickers; form validation; and required fields. We will look at some of these
in this
chapter. 5.1.1 Processing Forms Although forms could simply be used to display information,
HTML provides them in order to supply a way for the user to interact with a Web server. The
most widely used method to process the data submitted through a form is to send it to server-
side software typically written in a scripting language, although any programming language can
be used. The figure below outlines the kind of processing that takes place
1. The user retrieves a document containing a form from a Web server.

2. The user reads the Web page and interacts with the form it contains.

3. Submitting the form sends the form data to the server for processing.

4. The Web server passes the data to a CGI programme.

5. The CGI software may use database information or store data in a server-side database. HTML Forms
6. The CGI software may generate a new Web page for the server to return to the user.

7. The user reads the new Web document and may interact with it.

Typically, form data is sent to a server (or to an email address) as a sequence of pairs, each pair being
made up of a name and an associated value. The method that this data uses to arrive at its destination
depends on the data encoding. Normally the pairs will be sent as binary-encoded characters, making
them straightforward to process by software, and easy to read by humans

To avoid server side programming when developing forms, and to avoid depending on scripts that may
require considerable study, we will mostly use a different method of processing form information: email.
In fact, it is very useful to submit form data to an email address, particularly in situations when the data
should be seen by a human before being processed by software

Web designers must use HTML, CSS, and CSS3 to make sign-up and registration form templates that
look good. These templates are needed to make user interfaces. If you read this post, you will learn
more about the registration form in HTML5, CSS3, and CSS. This article will show how to make
registration form templates using Cascading Style Sheets (CSS), Cascading Style Sheets 3 (CSS3), and
HTML5 in a
variety of situations.
You can change any text or field in our sample form templates, and downloading them is free
for your convenience. If you use this tool, you will be able to design a login or registration form
for the project you are working on in a lot less time. Registration forms can be found on a
website on a page that is made just for that purpose. There are many different shapes and sizes of
these types of forms.

This lets users or visitors to your site create their own profile, which gives them access to extra
features like the ability to submit articles, download files, and take part in other activities,
depending on the goals of the website. Users or visitors to your site can make their own profiles
by following the steps in the last sentence. If people who use or visit your website follow the
steps in the last sentence, they will be able to create their own profile on your website.

It is recommended that form templates always have a responsive layout, which lets the form
automatically change its size based on the size of the browser window. This should be an
important part of the design. This helps make sure that the form keeps its nice look all the way
through the process.

AIM AND SCOPE OF REGISTRATION FORM


 HTML registration form is essential to web applications as they provide
authentication and personalization. Also, they allow users to create an account to
access additional features within the application. Secondly, they provide security
and identity to control the functions users are allowed to access.
 The most important aspect of the design is the registration form. It enables users to
register and become members on your website. The form fields, including the
name, email, and password fields, will be created using HTML and CSS.
 HTML registration form is essential to web applications as they provide
authentication and personalization. Also, they allow users to create an account to
access additional features within the application. Secondly, they provide security
and identity to control the functions users are allowed to access.
 The most important aspect of the design is the registration form. It enables users to
register and become members on your website. The form fields, including the name,
email, and password fields, will be created using HTML and CSS. We will also show
how to apply validation to form fields to ensure that users provide accurate
information.
 HTML registration form is essential to web applications as they
provide authentication and personalization. Also, they allow users to create an
account to access additional features within the application. Secondly, they provide
security and identity to control the functions users are allowed to access.
Software environment
 PHP
PHP started out as a small open source project that evolved as more and more people found out
how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.
PHP is a MUST for students and working professionals to become a great Software Engineer
specially when they are working in Web Development Domain. I will list down some of the key
advantages of learning PHP:
 PHP is a recursive acronym for "PHP: Hypertext Preprocessor".
 PHP is a server side scripting language that is embedded in HTML. It is used to
manage dynamic content, databases, session tracking, even build entire e-commerce
sites.
 It is integrated with a number of popular databases, including MySQL, PostgreSQL,
Oracle, Sybase, Informix, and Microsoft SQL Server.
 PHP is pleasingly zippy in its execution, especially when compiled as an Apache
module on the Unix side. The MySQL server, once started, executes even very
complex queries with huge result sets in record-setting time.
 PHP supports a large number of major protocols such as POP3, IMAP, and
LDAP. PHP4 added support for Java and distributed object architectures (COM
and CORBA), making n-tier development a possibility for the first time.
 PHP is forgiving: PHP language tries to be as forgiving as possible.
 PHP Syntax is C-Like.

Characteristics of PHP
Five important characteristics make PHP's practical nature possible −

 Simplicity
 Efficiency
 Security
 Flexibility
 Familiarity

 HTML
HTML stands for HyperText Markup Language. It is used to design web pages using a
markup language. HTML is a combination of Hypertext and Markup language.
Hypertext defines the link between web pages. A markup language is used to define the
text document within the tag which defines the structure of web pages. This language is
used to annotate (make notes for the computer) text so that a machine can understand it
and manipulate text accordingly. Most markup languages (e.g. HTML) are human-
readable. The language uses tags to define what manipulation has to be done on the
text.

Advantages:
 HTML is used to build websites.
 It is supported by all browsers.
 It can be integrated with other languages like CSS, JavaScript, etc.
Disadvantages:
 HTML can only create static web pages. For dynamic web pages, other languages
have to be used.
 A large amount of code has to be written to create a simple web page.
 The security feature is not good.

HTML is a markup language that defines the structure of your content. HTML consists
of a series of elements which you use to enclose, or wrap, different parts of the content
to make it appear a certain way, or act a certain way. The enclosing tags can make a
word or image hyperlink to somewhere else, can italicize words, can make the font
bigger or smaller, and so on. For example, take the following line of content:

The main parts of our element are as follows:

1. The opening tag: This consists of the name of the element (in this case, p),
wrapped in opening and closing angle brackets. This states where the
element begins or starts to take effect — in this case where the paragraph
begins.
2. The closing tag: This is the same as the opening tag, except that it includes
a forward slash before the element name. This states where the element ends —
in this case where the paragraph ends. Failing to add a closing tag is one of the
standard beginner errors and can lead to strange results.
3. The content: This is the content of the element, which in this case, is just text
4. The element: The opening tag, the closing tag, and the content
together comprise the element.

 XAMPP

XAMPP is an abbreviation where X stands for Cross-Platform, A stands for Apache, M


stands for MYSQL, and the Ps stand for PHP and Perl, respectively. It is an open-source
package of web solutions that includes Apache distribution for many servers and command-line
executables along with modules such as Apache server, MariaDB, PHP, and Perl.
XAMPP helps a local host or server to test its website and clients via computers and laptops
before releasing it to the main server. It is a platform that furnishes a suitable environment to test
and verify the working of projects based on Apache, Perl, MySQL database, and PHP through
the system of the host itself. Among these technologies, Perl is a programming language used for
web development, PHP is a backend scripting language, and MariaDB is the most vividly used
database developed by MySQL. The detailed description of these components is given below.

Components of XAMPP
 As defined earlier, XAMPP is used to symbolize the classification of solutions for
different technologies. It provides a base for testing of projects based on different
technologies through a personal server. XAMPP is an abbreviated form of each
alphabet representing each of its major components. This collection of software
contains a web server named Apache, a database management system
named MariaDB and scripting/ programming languages such as PHP and Perl. X
denotes Cross-platform, which means that it can work on different platforms such
as Windows, Linux, and

 LOCALHOST.

A good way to think of localhost, in computer networking, is to look at it as “this computer”. It

is the default name used to establish a connection with your computer using the loopback

address network.

The loopback address has a default IP (127.0.0.1) useful to test programs on your computer,

without sending information over the internet. This helps when you are testing applications that

aren’t ready for the world to see.

When you call an IP address from your computer, you usually try to contact a different

computer over the internet. However, with the loopback address, you are calling the

localhost, aka your computer.

If you want to learn about computer networking, it’s important to understand the language that

you’ll run into. No better place to start than learning about localhost.
Actually, local host has a separate IP address in most cases. The localhost that you often
talk about refers to the server who uses your computer. To get more information about local
host, please keep reading this post of MiniTool.

However, local host in fact is not simply a term but a domain name too. What does localhost
mean? Like the words (Amazon.com, eBay.com, etc) you type in the address bar of your
browser, localhost is also an IP address.
 CONCLUSION

Conclusion In summary, designing a registration form with HTML and CSS is


a straightforward process. By utilizing the provided source code and customizing it to suit
your preferences, you can create an engaging and user-friendly form that enhances your
website’s overall experience.

Offering users simple registration and login forms is essential for any software
application as it mostly serves as the application's entry point. Hence, building a login
or registration form that delivers a good user experience can potentially impart a
first good impression to users regarding the entire application.

When it comes to building a form, there are many key aspects to be concerned about,
such as form validation, how the authentication is designed, and its user interface. This
article will discuss how to create a basic UI of a registration form in HTML and CSS.

In this we will see how to create a responsive registration form using


HTML, CSS, and JavaScript. We will also see, how to create and different types
of HTML controls and how to validate HTML controls using javascript.

You might also like