NAME-VIKASH SONKAR
ROLL-NO=2300290110206
LAB-2
WT-LAB
Qus2:-write html program for entry form student detail employee
information faculty detail in html?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Entry Forms</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f4f4f4;
form {
background: # f;
padding: 15px;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
max-width: 400px;
h2 {
margin-top: 0;
label {
display: block;
margin-top: 10px;
font-weight: bold;
input,
select {
width: 100%;
padding: 7px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 3px;
button {
margin-top: 15px;
padding: 10px 15px;
background-color: #007b ;
border: none;
color: white;
border-radius: 3px;
cursor: pointer;
button:hover {
background-color: #0056b3;
</style>
</head>
<body>
<form id="studentForm">
<h2>Student Detail Entry</h2>
<label for="studentName">Name:</label>
<input type="text" id="studentName" name="studentName" required />
<label for="studentId">Student ID:</label>
<input type="text" id="studentId" name="studentId" required />
<label for="studentEmail">Email:</label>
<input type="email" id="studentEmail" name="studentEmail" required />
<label for="studentCourse">Course:</label>
<input type="text" id="studentCourse" name="studentCourse" required />
<button type="submit">Submit Student Info</button>
</form>
<form id="employeeForm">
<h2>Employee Information Entry</h2>
<label for="employeeName">Name:</label>
<input type="text" id="employeeName" name="employeeName" required />
<label for="employeeId">Employee ID:</label>
<input type="text" id="employeeId" name="employeeId" required />
<label for="employeeDept">Department:</label>
<input type="text" id="employeeDept" name="employeeDept" required />
<label for="employeeEmail">Email:</label>
<input type="email" id="employeeEmail" name="employeeEmail" required />
<button type="submit">Submit Employee Info</button>
</form>
<form id="facultyForm">
<h2>Faculty Detail Entry</h2>
<label for="facultyName">Name:</label>
<input type="text" id="facultyName" name="facultyName" required />
<label for="facultyId">Faculty ID:</label>
<input type="text" id="facultyId" name="facultyId" required />
<label for="facultyDept">Department:</label>
<input type="text" id="facultyDept" name="facultyDept" required />
<label for="facultyEmail">Email:</label>
<input type="email" id="facultyEmail" name="facultyEmail" required />
<label for="facultyTitle">Title:</label>
<select id="facultyTitle" name="facultyTitle" required>
<option value="">Select Title</option>
<option value="Professor">Professor</option>
<option value="Assistant Professor">Assistant Professor</option>
<option value="Associate Professor">Associate Professor</option>
<option value="Lecturer">Lecturer</option>
</select>
<button type="submit">Submit Faculty Info</button>
</form>
</body>
</html>
OUTPUT:
Student Detail Entry
Name: VIKASH SONKAR
Student ID: 2300290110206
Email:vikash2327csit1191@kiet.edu
Course:b tech
Submit Student Info
Employee Information Entry
Name:
Employee ID:
Department:
Email:
Submit Employee Info
Faculty Detail Entry
Name:
Faculty ID:
Department:
Email:
Title:
Select Title : lecturer
