Css Project
Css Project
Project Report
On
Certificate
This is to certify that the project report “Personal Information Form” has been
presented successfully and submitted by.
further declare that the work reported in this project has not
submitted and will not be submitted, either inpart or full, for the
PLACE- KORTI,
PANDARPUR
DATE:-
Project member:
Mr. Vivek Koli
Mr. Vishvajit Magar
Ms. Shruti Mahadik
Mr. Swarup Mhasawade
Abstract
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form </title>
<style>
body{
background-color: antiquewhite;
.forms{
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-weight: bold;
font-size:20px;
.forms{
</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"+
function reset11()
</script>
</head>
<body>
<form class="forms">
<label for="name"><h2>Name:-</label>
<label for="address">Address:-</label>
<label for="male">Male</label><br>
<label for="female">Female</label><br><br>
<select id="form">
<option value="Available Colleges">Available Colleges:-<h1> click to
select</h1></option>
</select><br><br>
<div id="btn">
</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/