This project is a simple enquiry form webpage built using basic HTML, CSS, and a bit of JavaScript. It is designed to show form handling, styling, and basic validation logic.
Miniprog.html # Main HTML file containing the enquiry form mini.css # External stylesheet for page styling
The page displays an Enquiry Form where users can enter details like:
- Name
- Password
- Mobile number
- Upload Resume
- Select Courses
- Choose Track (Normal/Fast/Workshop)
- Select Qualifications
- Choose Occupation
- Write Address
Each section is neatly formatted inside a centered table.
The mini.css file provides:
- A dark navy blue background for the page
- A centered heading with shadow effect
- Stylish table layout with spacing and rounded borders
- Properly formatted input fields, dropdowns, and buttons
- Hover effects for buttons
- Highlighted error message styling (
#snameErr)
The page includes a basic JavaScript validation:
- Checks if the SName (student name) field is empty.
- Displays a red error message and alert if left blank.
- Open the
Miniprog.htmlfile in your browser. - Fill in the form fields.
- Click Submit Enquiry.
- If the name field is empty, an alert appears and the field is marked with an error message.
- The form can be cleared using the Clear Form button.
- Clone or download this repository:
git clone https://github.com/your-username/EnquiryForm.git
- Open the folder in your preferred editor (VS Code recommended).
- Ensure both
Miniprog.htmlandmini.cssare in the same directory. - Open
Miniprog.htmlin your browser to view the webpage.
- HTML5 – Structure and content
- CSS3 – Styling and layout
- JavaScript – Basic form validation
This project is open-source and available under the MIT License.
Saswat
💬 Beginner web developer exploring HTML, CSS, and JavaScript.
📧 Contact: ([email protected])