A simple and interactive Student Form Web App built using HTML, CSS, and JavaScript. This project allows users to enter student details and dynamically display them in a table with delete functionality.
-
๐ฅ Add student details:
- Name
- Age
- Gender
- Course
-
๐ Display entered data in a table
-
โ Delete specific student records
-
๐ Auto-clear form after submission
-
๐จ Simple and clean UI design
- HTML5 โ Structure of the form
- CSS3 โ Styling and layout
- JavaScript (DOM Manipulation) โ Functionality and interactivity
Student-Form/
โโโ index.html # Main application file
- User enters student details in the form
- Clicks the Save button
- Data is added to the table dynamically
- Each row includes a Delete button to remove entries
- Form resets automatically after submission
- Download or clone this repository
- Open the file:
index.html
- Run it in any web browser
- Form for entering student details
- Table displaying saved records
- Delete button for each row
- Form validation (required fields, email format)
- Edit/update student records
- Store data using Local Storage
- Responsive design for mobile devices
G. Bhuvaneswar Aspiring Data Analyst & Web Developer