SUMMER TRAINING

Report On
STUDENT REGISTRATION PAGE
(Html & Php)

Submitted by Under the guidance of

Tarsem Singh
Scientist DRDO

NITIN BHARDWAJ
(22411502820)
ECE-3
Department Of ECE

Table of Contents

 Candidate Declaration
 DRDO Certificate
 Acknowledgement
 Project introduction
 Aim & Scope of project
 Software Environment
 Code and outputs
 Conclusion
  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
ecommerce 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.
 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.
•
• 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.

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
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>

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.