Header Ads Widget

html code for creating a form

 Here we will write html code for creating a simple html form . This form is for college Admission . 

Code:- 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Myform</title>
<style>
body{
padding:0;
margin:0;
background-color: rgb(189, 227, 241);
}
.in{
padding: 6px 3px;
margin: 5px 33%;
}
h2{
text-align: center;
color: red;
}
#btn{
text-align: center;
}
.btn input:hover{
cursor: pointer;
color: red;
}
</style>
</head>
<body>
<div class="out" >
<h2>College Admision Form</h2>

<div class="in">
Program Aplied for :
<br>
<input type="checkbox" name="" id=""> Computer Science
<br>
<input type="checkbox" name="" id=""> Electrical Engineering
<br>
<input type="checkbox" name="" id=""> Electronics Engineering
<br>
<input type="checkbox" name="" id=""> Civil Engineerig
<br>
<input type="checkbox" name="" id=""> Machanical Engineerig
</div>
<div class="in">
Name : <input type="text" name="name" id="">
</div>
<div class="in">
Parent / Guardian's Name : <input type="text">
</div>
<div class="in">
Parent / Guardian's Occupation: <input type="text" name="" id="">
</div>
<div class="in">
Date of birth : <input type="date" name="" id="">
</div>
<div class="in">
Permanent Address : <input type="text" name="" id="">
</div>
<div class="in">

Applicant's Phone : <input type="tel" name="" id="">
</div>
<div class="in">
Parent / Guardian's Phone : <input type="tel" name="" id="">
</div>
<div class="in">

Higher Qualification : <input type="text">
</div>
<div id="btn" class="btn">

<input type="button" value="Submit">
</div>

</div>

</body>
</html>

Output:-




Recommended Post:

Full C course:-    

Key points:-

Cracking the coding interview:-

 Array and string:-

Tree and graph:-

Hackerearth Problems:-

Hackerrank Problems:-

Data structure:-

 MCQs:-

Keywords:- 

 ,html registration form code,

,html form design examples with code,

,html code for registration form using table,

,html form coding with output,

,how to create forms in html,

,html form design examples with code pdf,

,html forms,

,html code for registration form with validation,

,html code for creating a registration form,

,html code for creating a feedback form,

,html code for creating a contact form,

,how to create a form in html with example,

,what is form in html with example,

,html form creation code,

,making a form html,

,how do i create a form in html,

,example html code for creating a form,

,how create a form in html,



Post a Comment

0 Comments