Scribd
Upload
9 views2 pages

. HTML

Uploaded by

studyanddrawingisimp
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
9 views2 pages

. HTML

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admission Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f9f9f9;
}
.form-container {
width: 50%;
margin: auto;
padding: 20px;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 10px;
}
.form-container h2 {
text-align: center;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-group input[type="radio"],
.form-group input[type="checkbox"] {
width: auto;
}
.form-group button {
width: 100%;
padding: 10px;
background: #007BFF;
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.form-group button:hover {
background: #0056b3;
}
</style>
</head>
<body>
<div class="form-container">
<h2>Admission Form</h2>
<form action="/submit-form" method="post">
<!-- Name -->
<div class="form-group">
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" required>
</div>
<!-- Date of Birth -->
<div class="form-group">
<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob" required>
</div>
<!-- Gender -->
<div class="form-group">
<label>Gender:</label>
<input type="radio" id="male" name="gender" value="Male" required>
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="Female" required>
<label for="female">Female</label>
</div>
<!-- Email -->
<div class="form-group">
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required>
</div>
<!-- Phone Number -->
<div class="form-group">
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone" required>
</div>
<!-- Address -->
<div class="form-group">
<label for="address">Address:</label>
<textarea id="address" name="address" rows="4" required></textarea>
</div>
<!-- Course Selection -->
<div class="form-group">
<label for="course">Course:</label>
<select id="course" name="course" required>
<option value="">-- Select Course --</option>
<option value="science">Science</option>
<option value="commerce">Commerce</option>
<option value="arts">Arts</option

You might also like