Form
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Admission Form</title>
<style>
body{
font-family: Arial, sans-serif;
background:#f2f2f2;
margin:0;
padding:0;
}
.container{
width:50%;
margin:30px auto;
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
h2{
text-align:center;
color:#333;
}
label{
font-weight:bold;
}
input, select, textarea{
width:100%;
padding:10px;
margin-top:5px;
margin-bottom:15px;
border:1px solid #ccc;
border-radius:5px;
}
input[type="radio"],
input[type="checkbox"]{
width:auto;
}
.btn{
background:green;
color:white;
border:none;
padding:12px;
width:100%;
font-size:18px;
border-radius:5px;
cursor:pointer;
}
.btn:hover{
background:darkgreen;
}
</style>
</head>
<body>
<div class="container">
<h2>Online Admission Form</h2>
<form>
<label>Student Name</label>
<input type="text" placeholder="Enter your name">
<label>Father Name</label>
<input type="text" placeholder="Enter father name">
<label>Mother Name</label>
<input type="text" placeholder="Enter mother name">
<label>Date of Birth</label>
<input type="date">
<label>Gender</label><br>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<input type="radio" name="gender"> Other
<br><br>
<label>Email</label>
<input type="email" placeholder="Enter email">
<label>Mobile Number</label>
<input type="tel" placeholder="Enter mobile number">
<label>Address</label>
<textarea rows="4" placeholder="Enter address"></textarea>
<label>Select Course</label>
<select>
<option>--Select Course--</option>
<option>BCA</option>
<option>BBA</option>
<option>BA</option>
<option>B.Sc</option>
<option>MCA</option>
</select>
<label>Upload Photo</label>
<input type="file">
<label>
<input type="checkbox">
I confirm that all details are correct.
</label>
<br><br>
<button type="submit" class="btn">Submit Form</button>