Ignou Assignment
BCS-053
Create an online feedback form for a University using HTML. The form should ask for the following information:
- The StudentID of the Programme on which feedback is being given.
- Programme code of the Programme Passed (Use a drop-down list for Programme code selection.)
- Name of the Student
- Year of admission and year of passing the programme
- Have you taken admission to another programme? Yes/No
- Text area for giving the feedback
Solution : First create a folder like BCS053
In that create 2 files like bcs.html and styles.css
Enter following code in bcs.html file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>University Feedback Form</title>
</head>
<body>
<h2>University Feedback Form</h2>
<form action="#" method="POST">
<label for="studentID">Student ID:</label><br>
<input type="text" id="studentID" name="studentID" required><br><br>
<label for="programmeCode">Programme Code:</label><br>
<select id="programmeCode" name="programmeCode" required>
<option value="">Select Programme Code</option>
<option value="001">Programme 1</option>
<option value="002">Programme 2</option>
<option value="003">Programme 3</option>
<!-- Add more options as needed -->
</select><br><br>
<label for="studentName">Name:</label><br>
<input type="text" id="studentName" name="studentName" required><br><br>
<label for="yearAdmission">Year of Admission:</label><br>
<input type="text" id="yearAdmission" name="yearAdmission" required><br><br>
<label for="yearPassing">Year of Passing:</label><br>
<input type="text" id="yearPassing" name="yearPassing" required><br><br>
<label for="admissionAnotherProgramme">Have you taken admission to another programme?</label><br>
<input type="radio" id="yes" name="admissionAnotherProgramme" value="yes">
<label for="yes">Yes</label><br>
<input type="radio" id="no" name="admissionAnotherProgramme" value="no">
<label for="no">No</label><br><br>
<label for="feedback">Feedback:</label><br>
<textarea id="feedback" name="feedback" rows="4" cols="50" required></textarea><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output:
No comments:
Post a Comment