CSSyash.docx

Shri Krishna Educational and Cultural Mandal’s
SHRI GULABRAO DEOKAR POLYTECHNIC
Gat No. 26, Mohadi Shivar, Shirsoli Road
JALGAON – 425002 (M.S.)
A micro project report
On
FORM VALIDATION USING CSS

Is submitted as per I Scheme Curriculum and the requirement for the Program: Diploma in
Computer Engineering
Course: CSS (22519)
Group Members:
1. Bharsake Shantanu Surendra ( 21 )
2. Tayde Sumedh Pradnyanand ( 22 )
3. Kumbhar Sachin Rajendra ( 23 )
4. Patil Yash Bhagwan ( 24 )
Guided By:
Ms. K. R. Chavan mam
Affiliated to
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,MUMBAI – 51

Academic year: 2024-2025
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

MUMBAI – 51
CERTIFICATE
This is to certify that Mr. / Ms.__________________________________________
Roll No.: of FIFTH Semester of Diploma in Computer

Engineering Of Institute SHRI GULABRAO DEOKAR POLYTECHNIC, JALGAON
(Institute Code: 0509) has completed the micro project satisfactorily in the
Subject CSS(22519) for the academic year 2024 to 2025 as prescribed in
the curriculum.
Place: Jalgaon Enrollment No.: _
Date: Exam. Seat No.:
Subject Teacher Head of Department Principal

• Action Plan
Sr. Detail of Activity Plan Starting Plan Ending Name of responsible team
No Date Date members
1. Analysis of Microproject
All Team
Members
2. Deciding roles and

responsibilities of All Team
every group member Members
3.
Preparation and Brief All Teams
Members
4. Collection Of
information requires
All Teams
for project
Members
5. Designing of project -
1
All Teams
Members
6. Designed project-2 All Teams

Members
7. Making final report

All Teams
Members
HTML Login Form
A login form is one of the most vital features in web development. It
makes it possible to identify users and, based on that identification, either admit
entry to a private area or block it.
To standard field Architecture, such a form usually combines a field for input
of a username or e-mail address with another field for a password. It features a
button to log in. More often than not, the form would allow new users to signup
or register.
When the user clicks the submit button the form sends back what was
entered to the server. The server then verifies that the credentials are correct.
In case of matching login details with the stored data, access will be permitted
to secure content on the site. If the details are wrong an error message will be
shown. The user can then try again.
This is an important HTML login form that would work in securing Web
applications. It provides access. It allows handling a user authentication process
with the protection of sensitive information against access by users who are not
authorized.
In this tutorial, you will learn to develop a basic login form with proper
styling and additional features for security. We will first establish the HTML
layout.
HTML Input Tag

The HTML <input> tag defines the field where the user can enter data. The type
attribute determines what type of user input is taken.
<input type="text" name="firstname">

HTML Form Structure
HTML has input elements displayed in different ways such as input field,
checkbox (for selecting zero or more of multiple choices), radio buttons (for
selecting one of multiple choices), submit button etc. The basic structure of a
form consists of input fields and a submit button. The user fills out the input
fields with the required information and upon clicking the submit button the
data is sent to a form handler. Typically, the form handler is a file on the server
with a script for processing input data.
Form Method Attribute
In the following example, we have added an HTTP method attribute to the form.
The method can be either GET or POST. Both methods are used to transfer data
from client to server.
The GET method transfers data in the URL with a query string. Therefore, the
length of the URL is limited. GET is preferable for images, word documents or
data that does not require any security.
POST is an HTTP method that encodes form data in a specified format and sends
it to the server via the HTTP message body. The World Wide Web frequently uses
POST to send user-generated data or an uploaded file to the web server.
In the example above, you can see the standard URL encoding used to encode
the HTML form fields and URLs. The URL encoding is a long string of name and
value pairs. Each pair is separated from one another by an ampersand (&) sign
and each name is separated from the value by an equals (=) sign. For example:
key1=value1&key2=value2.
This encoding can be used for text and other data fields, but it does not support
file upload fields. We can overcome this limitation by switching to
multipart encoding.
Different Types of Form Tags
Different Input Types :-

The various types of input tags available in HTML are:
1. text - creates a single-line text fields (default)
2. button - creates a button with no default functionality
3. checkbox - creates a checkbox
4. color - creates a color picker
5. date - creates a date picker
6. datetime-local - creates a date and time picker
7. email - creates an input field that allows the user to input a valid email
address
8. file - creates an input field that lets the user upload a file or multiple
files
9. hidden - creates an invisible input field
10.image - creates a button using an image.
11.month - creates an input field that lets the user enter month and year
12.password - creates an input field that lets the user enter information
securely
13.radio - creates a radio button
14.range - creates a range picker from which the user can select the value
15.reset - creates the button which clears all the form values to their default
value
16.search - allows user to enter their search queries in the text fields
17.submit - allows user to submit form to the server
18.tel - defines the field to enter a telephone number
19.time - creates an input field that accepts time value
20.url - lets the user enter and edit a URL
21.week - lets the user pick a week and a year from a calendar .
Example of form :-
<!DOCTYPE html>
<html>
<head>
<title>Form in HTML</title>
</head>
<body>
<h2>Registration form</h2>
<form>
<fieldset>
<legend>User personal information</legend>
<label>Enter your full name</label><br>
<input type="text" name="name"><br>
<label>Enter your email</label><br>
<input type="email" name="email"><br>
<label>Enter your password</label><br>
<input type="password" name="pass"><br>
<label>confirm your password</label><br>
<input type="password" name="pass"><br>
<br><label>Enter your gender</label><br>
<input type="radio" id="gender" name="gender" value="male"/>Male
<br>
<input type="radio" id="gender" name="gender" value="female"/>Female
<br/>
<input type="radio" id="gender" name="gender" value="others"/>others
<br/>
<br>Enter your Address:<br>
<textarea></textarea><br>
<input type="submit" value="sign-up">
</fieldset>
</form>
</body>
</html>
OUTPUT :
Reference
• https://pg-p.ctme.caltech.edu
• www.geeksforgeeks.com
• www.chrome.com

CSSyash.docx

Uploaded by

Copyright:

Available Formats

CSSyash.docx

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

CSSyash.docx

Uploaded by

Copyright:

Available Formats

Shri Krishna Educational and Cultural Mandal’s

SHRI GULABRAO DEOKAR POLYTECHNIC

Gat No. 26, Mohadi Shivar, Shirsoli Road

JALGAON – 425002 (M.S.)

A micro project report

FORM VALIDATION USING CSS

Course: CSS (22519)

1. Bharsake Shantanu Surendra ( 21 )

2. Tayde Sumedh Pradnyanand ( 22 )

3. Kumbhar Sachin Rajendra ( 23 )

4. Patil Yash Bhagwan ( 24 )

Ms. K. R. Chavan mam

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,MUMBAI – 51

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION

This is to certify that Mr. / Ms.__________________________________________

Roll No.: of FIFTH Semester of Diploma in Computer

Place: Jalgaon Enrollment No.: _

Date: Exam. Seat No.:

Subject Teacher Head of Department Principal

2. Deciding roles and

6. Designed project-2 All Teams

7. Making final report

HTML Input Tag

<input type="text" name="firstname">

Different Input Types :-

You might also like