Enrolment-form

📄 Student Enrolment Form

This project is a Student Enrolment Form built with HTML. It allows users to enter their personal information, select a preferred course, upload a profile photo, and submit their details through a structured form.

---

📌 Project Overview

The goal of this project was to practice building structured and accessible HTML forms while applying form validation and grouping related inputs using semantic HTML elements.

---

📷 Preview

This form collects student details including personal information, preferred course selection, and additional notes in a simple and organized layout.

Video.Project.7.mp4

---

✨ Features

• Input fields for Full Name and Email (required)
• Phone number and Date of Birth inputs
• Gender selection using radio buttons
• Profile photo upload
• Course selection dropdown using <select> and <optgroup>
• Message/Notes section using <textarea>
• Terms and conditions checkbox
• Submit and Reset buttons
• Form validation using the required attribute
• Organized form structure using <fieldset> and <legend>

---

🧠 What I Learned

While building this project, I practiced:

• Creating forms using the <form> element
• Using different input types such as:
  • "text"
  • "email"
  • "tel"
  • "date"
  • "file"
  • "radio"
  • "checkbox"
• Structuring forms with <fieldset> and <legend>
• Creating dropdown menus with <select>, <option>, and <optgroup>
• Using <textarea>for longer text input
• Applying basic HTML form validation

---

🚀 Getting Started

To run this project locally:

1. Download or clone the repository
2. Open the project folder
3. Open "enrolment.html" in your browser

---

🛠️ Built With

• HTML5

---

📚 Practice Task

This project was created as part of a practice exercise on HTML Forms, focusing on applying form inputs, validation, and structured grouping of form elements.

---

📩 Feedback

Suggestions and feedback are welcome as I continue learning and improving my web development skills.