0% found this document useful (0 votes)
12 views

Css Project

Uploaded by

vivek koli
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views

Css Project

Uploaded by

vivek koli
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

“A”

Project Report
On

“Personal Information Form”


Submitted & Present in the fulfilment of therequirement for
the award of

Diploma in Information Technology


By

Mr. Vivek Koli


Mr. Vishvajit Magar

Ms. Shruti Mahadik


Mr. Swarup Mhasawade
Under the Guidance of

Prof. Chavan P.V.

DEPARTMENT OF INFORMATION TECHNOLOGY

NEW SATARA COLLEGE OF ENGINEERING & MANAGEMENT POLY (2024-2025)


NEW SATARA COLLEGE OF ENGINEETING AND
MANAGEMENT KORTI-PANDARPUR

Certificate

This is to certify that the project report “Personal Information Form” has been
presented successfully and submitted by.

Name of the Student: - Seat No.


Mr. Vivek Koli 257931

Mr. Vishvajit Magar 257932

Ms. Shruti Mahadik 257933

Mr. Swarup Mhasawade 257934

Student of IT (Information Technology) class in the fulfilment for


the award of Diploma in Information Technology Engineering as per
curriculum laid by Maharashtra State Board of Technical Education,
Mumbai duringthe academic year 2024-2025.

Project Guide H.O.D Principal


( Prof. Chavan P.V.) (Prof. Puri S.B.) (Prof. Londhe V.H.)
Declaration

We hereby declare that the project report entitled “Personal

Information Form” is completed and submitted by me for the award of

diploma engineering in Information Technology branch, NSCOEM,

College Korti, Pandharpur.

The partial fulfillment of the requirement for the award

of the diploma of INFORMATIONTECHNOLOGY is a project work

carried out by me under the guidance of Prof. Chavan P.V. I

further declare that the work reported in this project has not

submitted and will not be submitted, either inpart or full, for the

award of diploma engineering in this institute or any other

university or examination body.

PLACE- KORTI,
PANDARPUR
DATE:-

Mr. Vivek Koli


Mr. Vishvajit Magar
Ms. Shruti Mahadik
Mr. Swarup Mhasawade
Acknowledgement

I hereby declare that the work presented in this Mini project


report entitled “Personal Information Form” in partial fulfilment for
the Diploma of "Information Technology" in Computer Science &
Engineering. Our extreme gratitude to Prof. Puri S. B. who guided us
throughout the project. Without his willing disposition, spirit of
accommodation, frankness, timely clarification andabove all faith in
us, this project could not have been completed in due time.

Project member:
Mr. Vivek Koli
Mr. Vishvajit Magar
Ms. Shruti Mahadik
Mr. Swarup Mhasawade
Abstract

Student admissions are playing very important role in major


activities of the any university as the basic requirement of the
university is students and without student’s university cannot survive.
An inefficientadmission application system may reduce the number
of admitted student in the esteemed university because if the
admission system is slow and having many delays in the process.
When considering Palestine students this is unfortunate, but when
considering Palestinian international students, it can mean the
difference between success and failure because of the large sums of
money each brings to the university’s economy. This project is to
design and develop the Diploma and local admission process at the
institute to develop an easy-to-use system that will significantly
quicken and simplify this process.
Index

Sr. Topic Page No.


No.
1 Introduction 1-1
2 Code 2-6
3 Output 7-7
4 Conclusion 8-8
5 References 9-9
Introduction

HTML forms, or web forms, are a way for websites to


collect information from users, such as names, email addresses, and
passwords. HTML forms are created using simple tags, such as <form>, <input>,
and <button>. Here are some things to know about HTML forms:

• Form elements: The <form> tag is used to create a form.


• Controls: Users interact with forms through named controls, such
as checkboxes, radio buttons, and menus.
• Labels: Some form controls automatically have labels associated
with them, while others do not.
• Form validation: Form controls can be programmed to enforce
specific formats or values to be entered.
• Structure: The FIELDSET and LEGEND elements can be used to
add structure to forms.
• Submission: The action attribute specifies where to send the form
data, and the method attribute specifies how to send it.
• Name attribute: Each input field must have a name attribute to be
submitted.
Code

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Form </title>

<style>

body{

background-color: antiquewhite;

font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',


serif;

.forms{

border: 3px solid gray;

padding: 12px;

padding-left: 300px;

border-radius: 12px;

#btn{

padding-left: 70px;

#head:hover{
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-
serif;

font-weight: bold;

font-size:30px;

#head1:hover{

font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-


serif;

font-weight: bold;

font-size:20px;

.forms{

background-color: rgb(231, 221, 221);

</style>

<script>

function submit11()

var form=document.forms[0];

var name=document.getElementById("name").value;

var address=document.getElementById("address").value;

var mono=document.getElementById("mo.no").value;

alert("name= "+name+"\n"+

+"addres= " +address+"\n"+

+"mobile number= "+mono


);

function reset11()

alert("are you sure to reset the form");

</script>

</head>

<body>

<form class="forms">

<h2 id="head">Enter Your Information</h2>

<label for="name"><h2>Name:-</label>

<input type="text" id="name" size="23"><br><br>

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

<input type="text" id="address" size="21"><br><br>

<label for="mo.no">Phone no.</label>

<input type="text" id="mo.no" size="0"><br>

<h3 id="head1">Select your Gender</h3>

<input type="radio" id="male" name="male">

<label for="male">Male</label><br>

<input type="radio" id="female" name="male">

<label for="female">Female</label><br><br>

<h3 id="head1">Select Your College</h3>

<select id="form">
<option value="Available Colleges">Available Colleges:-<h1> click to
select</h1></option>

<option value="clg">New Satara College Korti Pandharpur</option>

<option value="clg">Sri vithal education and research


institute</option>

<option value="clg">svami vivekanand polytechnique college


Solapur</option>

<option value="clg">febtech polyechnique college sangola</option>

<option value="clg">Shivaji polytechnique</option>

<option value="clg">Shriram shikshyan sanstha Polytechnique


Paniv</option>

<option value="clg">Government polytechnique Solapur</option>

<option value="clg">Sinhgad College Pune</option>

<option value="clg">Dr. D Y patil college Pimpari Chinchvad


</option>

<option value="clg">Vishvakarma Pune</option>

<option value="clg">Karmayogi polytechnique Shelave</option>

<option value="clg">New Satara College Korti Pandharpur</option>

<option value="clg">Sri vithal education and research


institute</option>

<option value="clg">svami vivekanand polytechnique college


Solapur</option>

<option value="clg">febtech polyechnique college sangola</option>

<option value="clg">Shivaji polytechnique</option>

<option value="clg">Shriram shikshyan sanstha Polytechnique


Paniv</option>

<option value="clg">Government polytechnique Solapur</option>


<option value="clg">Sinhgad College Pune</option>

<option value="clg">Dr. D Y patil college Pimpari Chinchvad


</option>

<option value="clg">Vishvakarma Pune</option>

<option value="clg">Karmayogi polytechnique Shelave</option>

<option value="clg">New Satara College Korti Pandharpur</option>

</select><br><br>

<div id="btn">

<input type="submit" value="submit"onclick="submit11()">

<input type="reset" value="Reset the form" onclick="reset11()">

</div>

</form>

</body>

</html>
Output
Conclusion
Another way to improve your skills with HTML forms is to
experiment with different form elements and explore their capabilities. This
might involve using advanced input types like date pickers or sliders, or exploring
the use of checkboxes, radio buttons, and other types of form control. By
experimenting with different elements and exploring their features and
limitations, you can a deeper understanding of how HTML forms work and how
to use them effectively.
References

https://www.goole,com

https://www.geeksforgeeks.org/html-design-form/

You might also like